{"id":10,"date":"2026-09-23T03:10:10","date_gmt":"2026-09-22T18:10:10","guid":{"rendered":"http:\/\/irotascreative.com\/?page_id=10"},"modified":"2026-09-23T05:23:25","modified_gmt":"2026-09-22T20:23:25","slug":"home","status":"publish","type":"page","link":"https:\/\/irotascreative.com\/","title":{"rendered":"HOME"},"content":{"rendered":"\n<style>\r\n\/* =========================================\r\n   IROTAS FV\uff5cPC \u5b8c\u5168\u7248\r\n   \u203b960px\u4ee5\u4e0a\u306e\u307f\u8868\u793a\r\n   \u203b959px\u4ee5\u4e0b\u306f\u5b8c\u5168\u975e\u8868\u793a\r\n========================================= *\/\r\n\r\n.irotas-fv {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 550px;\r\n  overflow: hidden;\r\n  background: #fff;\r\n  color: #071738;\r\n\r\n  font-family:\r\n    -apple-system,\r\n    BlinkMacSystemFont,\r\n    \"Helvetica Neue\",\r\n    \"Noto Sans JP\",\r\n    \"Yu Gothic\",\r\n    sans-serif;\r\n}\r\n\r\n\r\n.irotas-fv__inner {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   RIGHT PHOTO\r\n========================================= *\/\r\n\r\n.irotas-fv__visual {\r\n  position: absolute;\r\n  z-index: 1;\r\n\r\n  top: 0;\r\n  right: 0;\r\n\r\n  width: 61%;\r\n  height: 100%;\r\n\r\n  background:\r\n    url(\"http:\/\/irotas.online\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-2026\u5e749\u670820\u65e5-05_22_38.png\")\r\n    center center \/ cover no-repeat;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PHOTO \u2192 WHITE GRADATION\r\n========================================= *\/\r\n\r\n.irotas-fv__visual::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  z-index: 2;\r\n\r\n  top: 0;\r\n  left: 0;\r\n\r\n  width: 430px;\r\n  height: 100%;\r\n\r\n  pointer-events: none;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #ffffff 0%,\r\n      rgba(255,255,255,1) 10%,\r\n      rgba(255,255,255,.98) 20%,\r\n      rgba(255,255,255,.94) 31%,\r\n      rgba(255,255,255,.84) 43%,\r\n      rgba(255,255,255,.66) 56%,\r\n      rgba(255,255,255,.44) 68%,\r\n      rgba(255,255,255,.23) 80%,\r\n      rgba(255,255,255,.08) 91%,\r\n      rgba(255,255,255,0) 100%\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================\r\n   LEFT AREA\r\n========================================= *\/\r\n\r\n.irotas-fv__left {\r\n  position: absolute;\r\n  z-index: 5;\r\n\r\n  top: 0;\r\n  left: 0;\r\n\r\n  width: 50%;\r\n  height: 100%;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  overflow: visible;\r\n  background: transparent;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   LEFT COLOR CIRCLES\r\n========================================= *\/\r\n\r\n.irotas-fv__left::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  z-index: 1;\r\n\r\n  top: -45px;\r\n  left: -105px;\r\n\r\n  width: 570px;\r\n  height: 650px;\r\n\r\n  pointer-events: none;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle 105px at 125px 75px,\r\n      rgba(247,177,241,.42) 0%,\r\n      rgba(247,177,241,.35) 55%,\r\n      rgba(247,177,241,.16) 76%,\r\n      rgba(247,177,241,0) 100%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle 110px at 235px 120px,\r\n      rgba(255,185,135,.38) 0%,\r\n      rgba(255,185,135,.30) 55%,\r\n      rgba(255,185,135,.13) 77%,\r\n      rgba(255,185,135,0) 100%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle 112px at 175px 200px,\r\n      rgba(255,224,143,.38) 0%,\r\n      rgba(255,224,143,.30) 55%,\r\n      rgba(255,224,143,.13) 77%,\r\n      rgba(255,224,143,0) 100%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle 110px at 260px 285px,\r\n      rgba(255,190,215,.35) 0%,\r\n      rgba(255,190,215,.27) 55%,\r\n      rgba(255,190,215,.11) 77%,\r\n      rgba(255,190,215,0) 100%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle 118px at 155px 365px,\r\n      rgba(214,198,244,.32) 0%,\r\n      rgba(214,198,244,.24) 55%,\r\n      rgba(214,198,244,.10) 77%,\r\n      rgba(214,198,244,0) 100%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle 128px at 245px 465px,\r\n      rgba(177,226,248,.39) 0%,\r\n      rgba(177,226,248,.29) 55%,\r\n      rgba(177,226,248,.11) 77%,\r\n      rgba(177,226,248,0) 100%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle 120px at 120px 575px,\r\n      rgba(205,237,250,.34) 0%,\r\n      rgba(205,237,250,.25) 55%,\r\n      rgba(205,237,250,.09) 77%,\r\n      rgba(205,237,250,0) 100%\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================\r\n   LEFT CONTENT\r\n========================================= *\/\r\n\r\n.irotas-fv__content {\r\n  position: relative;\r\n  z-index: 10;\r\n\r\n  width: 500px;\r\n\r\n  margin-left: clamp(145px, 14vw, 225px);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TITLE\r\n========================================= *\/\r\n\r\n.irotas-fv__title {\r\n  position: relative;\r\n  z-index: 10;\r\n\r\n  margin: 0 0 23px;\r\n\r\n  color: #071738;\r\n\r\n  font-size: 32px;\r\n  line-height: 1.42;\r\n  letter-spacing: .05em;\r\n  font-weight: 800;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   DESCRIPTION\r\n========================================= *\/\r\n\r\n.irotas-fv__description {\r\n  position: relative;\r\n  z-index: 10;\r\n\r\n  margin: 0 0 24px;\r\n\r\n  color: #10213d;\r\n\r\n  font-size: 16px;\r\n  line-height: 1.85;\r\n  letter-spacing: .02em;\r\n  font-weight: 500;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SERVICES\r\n========================================= *\/\r\n\r\n.irotas-fv__services {\r\n  position: relative;\r\n  z-index: 10;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  gap: 34px;\r\n\r\n  margin-bottom: 25px;\r\n}\r\n\r\n\r\n.irotas-fv__service {\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  gap: 9px;\r\n\r\n  color: #071738;\r\n\r\n  font-size: 18px;\r\n  line-height: 1.4;\r\n  font-weight: 700;\r\n\r\n  white-space: nowrap;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SERVICE SVG ICONS\r\n========================================= *\/\r\n\r\n.irotas-fv__service-icon {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  flex: 0 0 auto;\r\n\r\n  width: 28px;\r\n  height: 28px;\r\n\r\n  color: #071738;\r\n}\r\n\r\n\r\n.irotas-fv__service-icon svg {\r\n  display: block;\r\n\r\n  width: 26px;\r\n  height: 26px;\r\n\r\n  fill: none;\r\n\r\n  stroke: currentColor;\r\n  stroke-width: 1.7;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BUTTONS\r\n========================================= *\/\r\n\r\n.irotas-fv__buttons {\r\n  position: relative;\r\n  z-index: 10;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  gap: 15px;\r\n}\r\n\r\n\r\n.irotas-fv__btn {\r\n  height: 52px;\r\n\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  gap: 10px;\r\n\r\n  padding: 0 22px;\r\n\r\n  border-radius: 999px;\r\n\r\n  font-size: 16px;\r\n  line-height: 1;\r\n  font-weight: 700;\r\n\r\n  white-space: nowrap;\r\n\r\n  text-decoration: none !important;\r\n\r\n  transition:\r\n    transform .25s ease,\r\n    opacity .25s ease;\r\n}\r\n\r\n\r\n.irotas-fv__btn:hover {\r\n  transform: translateY(-2px);\r\n  opacity: .92;\r\n}\r\n\r\n\r\n\/* MAIN BUTTON *\/\r\n\r\n.irotas-fv__btn--main {\r\n  min-width: 225px;\r\n\r\n  color: #fff !important;\r\n\r\n  background:\r\n    linear-gradient(\r\n      100deg,\r\n      #ff6677 0%,\r\n      #ff4ba8 42%,\r\n      #bd61ed 69%,\r\n      #38baf6 100%\r\n    );\r\n\r\n  box-shadow:\r\n    0 8px 20px rgba(219,82,182,.17);\r\n}\r\n\r\n\r\n\/* SUB BUTTON *\/\r\n\r\n.irotas-fv__btn--sub {\r\n  min-width: 205px;\r\n\r\n  color: #071738 !important;\r\n\r\n  background: rgba(255,255,255,.95);\r\n\r\n  border: 1px solid #aebccd;\r\n}\r\n\r\n\r\n.irotas-fv__arrow {\r\n  font-size: 16px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CENTER BRAND\r\n========================================= *\/\r\n\r\n.irotas-fv__brand {\r\n  position: absolute;\r\n  z-index: 20;\r\n\r\n  top: 105px;\r\n  left: 41.5%;\r\n\r\n  width: 300px;\r\n\r\n  transform: translateX(-50%);\r\n}\r\n\r\n\r\n.irotas-fv__brand img {\r\n  display: block;\r\n  width: 100%;\r\n  height: auto;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MAKE YOUR STORY\r\n========================================= *\/\r\n\r\n.irotas-fv__story {\r\n  position: absolute;\r\n  z-index: 21;\r\n\r\n  top: 355px;\r\n  left: 46%;\r\n\r\n  width: 205px;\r\n  margin: 0;\r\n\r\n  color: #071738;\r\n\r\n  font-family:\r\n    \"Brush Script MT\",\r\n    \"Segoe Script\",\r\n    \"Snell Roundhand\",\r\n    \"Apple Chancery\",\r\n    cursive;\r\n\r\n  font-size: 35px;\r\n  line-height: 1.08;\r\n  font-style: italic;\r\n  font-weight: 300;\r\n\r\n  letter-spacing: 0.02em;\r\n\r\n  transform:\r\n    translateX(-50%)\r\n    rotate(-5deg);\r\n\r\n  transform-origin: center top;\r\n}\r\n\r\n\r\n.irotas-fv__story::after {\r\n  content: \"\";\r\n\r\n  display: block;\r\n\r\n  width: 150px;\r\n  height: 3px;\r\n\r\n  margin-top: 13px;\r\n  margin-left: 3px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #ff3e7c 0 35%,\r\n      #ffc942 35% 68%,\r\n      #3bc9dd 68% 100%\r\n    );\r\n\r\n  transform: rotate(-3deg);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   GOOD VIDEO \/ GOOD BUSINESS\r\n========================================= *\/\r\n\r\n.irotas-fv__good {\r\n  position: absolute;\r\n  z-index: 22;\r\n\r\n  top: 165px;\r\n  right: 2.2%;\r\n\r\n  width: 185px;\r\n\r\n  margin: 0;\r\n\r\n  color: #fff;\r\n\r\n  font-family:\r\n    \"Brush Script MT\",\r\n    \"Segoe Script\",\r\n    \"Snell Roundhand\",\r\n    \"Apple Chancery\",\r\n    cursive;\r\n\r\n  font-size: 35px;\r\n  line-height: 1.08;\r\n  font-style: italic;\r\n  font-weight: 300;\r\n\r\n  letter-spacing: 0.02em;\r\n\r\n  text-align: left;\r\n\r\n  transform: rotate(-5deg);\r\n\r\n  transform-origin: right bottom;\r\n\r\n  text-shadow:\r\n    0 2px 5px rgba(0,0,0,.38);\r\n}\r\n\r\n\r\n.irotas-fv__good span {\r\n  display: block;\r\n  margin-bottom: 3px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MESSAGE CARD\r\n========================================= *\/\r\n\r\n.irotas-fv__message {\r\n  position: absolute;\r\n  z-index: 25;\r\n\r\n  right: 2.8%;\r\n  bottom: 38px;\r\n\r\n  width: 138px;\r\n  height: 175px;\r\n\r\n  padding: 20px 15px;\r\n\r\n  background: rgba(255,255,255,.98);\r\n\r\n  box-shadow:\r\n    0 8px 24px rgba(16,30,55,.18);\r\n\r\n  transform: rotate(-4deg);\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n\r\n.irotas-fv__message-text {\r\n  margin: 0;\r\n\r\n  color: #071738;\r\n\r\n  font-family:\r\n    \"Yu Mincho\",\r\n    \"YuMincho\",\r\n    serif;\r\n\r\n  font-size: 19px;\r\n  line-height: 1.7;\r\n  font-weight: 600;\r\n\r\n  text-align: center;\r\n  letter-spacing: .03em;\r\n}\r\n\r\n\r\n.irotas-fv__message-line {\r\n  width: 100%;\r\n  height: 3px;\r\n\r\n  margin-top: 14px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #ff477e 0 34%,\r\n      #ffc83e 34% 67%,\r\n      #32c8dd 67% 100%\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PC\u7248\u306f959px\u4ee5\u4e0b\u3067\u5b8c\u5168\u306b\u6d88\u3059\r\n   SP\u7248\u306f\u5225\u30ab\u30b9\u30bf\u30e0HTML\u3067\u5236\u4f5c\r\n========================================= *\/\r\n\r\n@media screen and (max-width: 959px) {\r\n\r\n  .irotas-fv {\r\n    display: none !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<section class=\"irotas-fv\">\r\n\r\n  <div class=\"irotas-fv__inner\">\r\n\r\n\r\n    <!-- RIGHT PHOTO -->\r\n\r\n    <div class=\"irotas-fv__visual\"><\/div>\r\n\r\n\r\n    <!-- LEFT -->\r\n\r\n    <div class=\"irotas-fv__left\">\r\n\r\n      <div class=\"irotas-fv__content\">\r\n\r\n\r\n        <!-- TITLE -->\r\n\r\n        <div class=\"irotas-fv__title\">\r\n          \u3042\u306a\u305f\u3089\u3057\u3055\u3092\u3001<br>\r\n          \u3082\u3063\u3068\u4f1d\u308f\u308b\u30ab\u30bf\u30c1\u306b\u3002\r\n        <\/div>\r\n\r\n\r\n        <!-- DESCRIPTION -->\r\n\r\n        <p class=\"irotas-fv__description\">\r\n          \u6620\u50cf\u306e\u529b\u3067\u3001\u60f3\u3044\u30fb\u9b45\u529b\u30fb\u3089\u3057\u3055\u3092\u5c4a\u3051\u308b\u3002<br>\r\n          IROTAS\u306f\u3001SNS\u3068\u6620\u50cf\u3067\u3042\u306a\u305f\u306e\u30b9\u30c8\u30fc\u30ea\u30fc\u3092<br>\r\n          \u4e00\u7dd2\u306b\u5275\u308a\u307e\u3059\u3002\r\n        <\/p>\r\n\r\n\r\n        <!-- SERVICES -->\r\n\r\n        <div class=\"irotas-fv__services\">\r\n\r\n\r\n          <!-- \u6620\u50cf\u5236\u4f5c -->\r\n\r\n          <div class=\"irotas-fv__service\">\r\n\r\n            <span class=\"irotas-fv__service-icon\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                aria-hidden=\"true\"\r\n                focusable=\"false\"\r\n              >\r\n\r\n                <rect\r\n                  x=\"2.5\"\r\n                  y=\"5\"\r\n                  width=\"13\"\r\n                  height=\"14\"\r\n                  rx=\"2\"\r\n                ><\/rect>\r\n\r\n                <path\r\n                  d=\"M15.5 9.2L21 6.5v11l-5.5-2.7z\"\r\n                ><\/path>\r\n\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n            <span>\u6620\u50cf\u5236\u4f5c<\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- SNS\u904b\u7528 -->\r\n\r\n          <div class=\"irotas-fv__service\">\r\n\r\n            <span class=\"irotas-fv__service-icon\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                aria-hidden=\"true\"\r\n                focusable=\"false\"\r\n              >\r\n\r\n                <rect\r\n                  x=\"5\"\r\n                  y=\"2.5\"\r\n                  width=\"14\"\r\n                  height=\"19\"\r\n                  rx=\"2.5\"\r\n                ><\/rect>\r\n\r\n                <circle\r\n                  cx=\"12\"\r\n                  cy=\"17.5\"\r\n                  r=\"1\"\r\n                ><\/circle>\r\n\r\n                <path\r\n                  d=\"M8.5 7.5h7\"\r\n                ><\/path>\r\n\r\n                <path\r\n                  d=\"M8.5 11h5\"\r\n                ><\/path>\r\n\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n            <span>SNS\u904b\u7528<\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- BUTTONS -->\r\n\r\n        <div class=\"irotas-fv__buttons\">\r\n\r\n\r\n          <a\r\n            href=\"#contact\"\r\n            class=\"irotas-fv__btn irotas-fv__btn--main\"\r\n          >\r\n\r\n            <span>\u2709<\/span>\r\n\r\n            <span>\r\n              \u307e\u305a\u306f\u7121\u6599\u3067\u76f8\u8ac7\u3059\u308b\r\n            <\/span>\r\n\r\n            <span class=\"irotas-fv__arrow\">\r\n              \u2192\r\n            <\/span>\r\n\r\n          <\/a>\r\n\r\n\r\n          <a\r\n            href=\"#service\"\r\n            class=\"irotas-fv__btn irotas-fv__btn--sub\"\r\n          >\r\n\r\n            <span>\r\n              \u30b5\u30fc\u30d3\u30b9\u306b\u3064\u3044\u3066\u898b\u308b\r\n            <\/span>\r\n\r\n            <span class=\"irotas-fv__arrow\">\r\n              \u2192\r\n            <\/span>\r\n\r\n          <\/a>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- CENTER LOGO -->\r\n\r\n    <div class=\"irotas-fv__brand\">\r\n\r\n      <img decoding=\"async\"\r\n        src=\"http:\/\/irotas.online\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-2026\u5e749\u670820\u65e5-05_23_51.png\"\r\n        alt=\"IROTAS\"\r\n      >\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- MAKE YOUR STORY -->\r\n\r\n    <div class=\"irotas-fv__story\">\r\n      Make your<br>\r\n      story<br>\r\n      visible.\r\n    <\/div>\r\n\r\n\r\n    <!-- GOOD VIDEO -->\r\n\r\n    <div class=\"irotas-fv__good\">\r\n\r\n      <span>Good<\/span>\r\n      <span>Video.<\/span>\r\n      <span>Good Business.<\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- MESSAGE CARD -->\r\n\r\n    <div class=\"irotas-fv__message\">\r\n\r\n      <p class=\"irotas-fv__message-text\">\r\n        \u4f1d\u3048\u305f\u3044<br>\r\n        \u60f3\u3044\u3092<br>\r\n        \u6620\u50cf\u3067\u3002\r\n      <\/p>\r\n\r\n      <div class=\"irotas-fv__message-line\"><\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\r\n\/* =========================================\r\n   IROTAS FV\uff5cSP ONLY\r\n   PC\u7248\u3068\u306f\u5b8c\u5168\u5206\u96e2\r\n========================================= *\/\r\n\r\n.irotas-spfv {\r\n  display: none;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media screen and (max-width: 959px) {\r\n\r\n  .irotas-spfv {\r\n    position: relative;\r\n    display: block;\r\n    width: 100%;\r\n    overflow: hidden;\r\n\r\n    color: #071738;\r\n\r\n    font-family:\r\n      -apple-system,\r\n      BlinkMacSystemFont,\r\n      \"Helvetica Neue\",\r\n      \"Noto Sans JP\",\r\n      \"Yu Gothic\",\r\n      sans-serif;\r\n\r\n    background:\r\n      radial-gradient(\r\n        circle at -8% 18%,\r\n        rgba(247,177,241,.32) 0%,\r\n        rgba(247,177,241,.15) 22%,\r\n        transparent 42%\r\n      ),\r\n      radial-gradient(\r\n        circle at 108% 35%,\r\n        rgba(255,211,150,.27) 0%,\r\n        rgba(255,211,150,.13) 22%,\r\n        transparent 42%\r\n      ),\r\n      radial-gradient(\r\n        circle at -8% 73%,\r\n        rgba(255,188,216,.27) 0%,\r\n        rgba(255,188,216,.13) 23%,\r\n        transparent 44%\r\n      ),\r\n      radial-gradient(\r\n        circle at 108% 88%,\r\n        rgba(174,222,249,.37) 0%,\r\n        rgba(174,222,249,.17) 25%,\r\n        transparent 47%\r\n      ),\r\n      #fff;\r\n  }\r\n\r\n\r\n  .irotas-spfv__inner {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: 100%;\r\n    overflow: hidden;\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     TEXT AREA\r\n  ========================================= *\/\r\n\r\n  .irotas-spfv__content {\r\n    position: relative;\r\n    z-index: 5;\r\n\r\n    padding:\r\n      25px\r\n      7%\r\n      8px;\r\n  }\r\n\r\n\r\n  .irotas-spfv__title {\r\n    margin: 0 0 11px;\r\n\r\n    color: #071738;\r\n\r\n    font-size: clamp(25px, 7vw, 31px);\r\n    line-height: 1.35;\r\n    letter-spacing: .035em;\r\n\r\n    font-weight: 800;\r\n  }\r\n\r\n\r\n  .irotas-spfv__description {\r\n    margin: 0 0 12px;\r\n\r\n    color: #10213d;\r\n\r\n    font-size: 16px;\r\n    line-height: 1.55;\r\n    letter-spacing: .01em;\r\n\r\n    font-weight: 500;\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     SERVICES\r\n  ========================================= *\/\r\n\r\n  .irotas-spfv__services {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 17px;\r\n\r\n    margin: 0;\r\n  }\r\n\r\n\r\n  .irotas-spfv__service {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n    color: #071738;\r\n\r\n    font-size: 16px;\r\n    line-height: 1.3;\r\n    font-weight: 700;\r\n\r\n    white-space: nowrap;\r\n  }\r\n\r\n\r\n  .irotas-spfv__service + .irotas-spfv__service {\r\n    position: relative;\r\n    padding-left: 18px;\r\n  }\r\n\r\n\r\n  .irotas-spfv__service + .irotas-spfv__service::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    top: 50%;\r\n\r\n    width: 1px;\r\n    height: 28px;\r\n\r\n    background: rgba(7,23,56,.72);\r\n\r\n    transform: translateY(-50%);\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     SVG ICONS\r\n  ========================================= *\/\r\n\r\n  .irotas-spfv__service-icon {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    width: 27px;\r\n    height: 27px;\r\n\r\n    color: #071738;\r\n  }\r\n\r\n\r\n  .irotas-spfv__service-icon svg {\r\n    display: block;\r\n\r\n    width: 25px;\r\n    height: 25px;\r\n\r\n    fill: none;\r\n\r\n    stroke: currentColor;\r\n    stroke-width: 1.7;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     PHOTO\r\n     \u2605\u4e0a\u4e0b\u3092\u3057\u3063\u304b\u308a\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u3067\u99b4\u67d3\u307e\u305b\u308b\r\n  ========================================= *\/\r\n\r\n  .irotas-spfv__visual {\r\n    position: relative;\r\n    z-index: 3;\r\n\r\n    width: 100%;\r\n\r\n    height: clamp(270px, 74vw, 335px);\r\n\r\n    \/*\r\n      \u672c\u6587\u5074\u3078\u5c11\u3057\u6f5c\u3089\u305b\u3066\r\n      \u76f4\u7dda\u306e\u5883\u754c\u3092\u898b\u3048\u306b\u304f\u304f\u3059\u308b\r\n    *\/\r\n    margin-top: -8px;\r\n\r\n    background:\r\n      url(\"http:\/\/irotas.online\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-2026\u5e749\u670820\u65e5-05_22_38.png\")\r\n      66% 52% \/ cover no-repeat;\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     PHOTO TOP FADE\r\n     \u2605\u672c\u6587 \u2192 \u5199\u771f\u3078\u5927\u304d\u304f\u6eb6\u304b\u3059\r\n  ========================================= *\/\r\n\r\n  .irotas-spfv__visual::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    z-index: 5;\r\n\r\n    top: -2px;\r\n    left: 0;\r\n\r\n    width: 100%;\r\n    height: 105px;\r\n\r\n    pointer-events: none;\r\n\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n\r\n        rgba(255,248,252,1) 0%,\r\n        rgba(255,248,252,.96) 10%,\r\n        rgba(255,247,251,.86) 22%,\r\n        rgba(255,248,251,.67) 38%,\r\n        rgba(255,250,252,.44) 55%,\r\n        rgba(255,252,253,.22) 72%,\r\n        rgba(255,255,255,.08) 87%,\r\n        rgba(255,255,255,0) 100%\r\n      );\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     PHOTO BOTTOM FADE\r\n     \u2605\u5199\u771f \u2192 CTA\u30b0\u30e9\u30c7\u3078\u6eb6\u304b\u3059\r\n  ========================================= *\/\r\n\r\n  .irotas-spfv__visual::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    z-index: 5;\r\n\r\n    left: 0;\r\n    right: 0;\r\n    bottom: -2px;\r\n\r\n    height: 82px;\r\n\r\n    pointer-events: none;\r\n\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n\r\n        rgba(242,239,250,0) 0%,\r\n        rgba(242,239,250,.06) 18%,\r\n        rgba(242,239,250,.18) 35%,\r\n        rgba(243,239,250,.38) 53%,\r\n        rgba(244,239,250,.62) 70%,\r\n        rgba(245,239,250,.82) 86%,\r\n        rgba(245,239,250,.96) 100%\r\n      );\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     GOOD VIDEO\r\n     \u2605\u4eca\u306e\u4f4d\u7f6e\u3092\u7dad\u6301\r\n  ========================================= *\/\r\n\r\n  .irotas-spfv__good {\r\n    position: absolute;\r\n    z-index: 15;\r\n\r\n    top: 42px;\r\n    left: 5%;\r\n\r\n    width: 115px;\r\n\r\n    margin: 0;\r\n\r\n    color: rgba(23,48,82,.88);\r\n\r\n    font-family:\r\n      \"Brush Script MT\",\r\n      \"Segoe Script\",\r\n      \"Snell Roundhand\",\r\n      \"Apple Chancery\",\r\n      cursive;\r\n\r\n    font-size: 22px;\r\n    line-height: 1.07;\r\n\r\n    font-style: italic;\r\n    font-weight: 300;\r\n\r\n    letter-spacing: .01em;\r\n\r\n    text-align: left;\r\n\r\n    transform: rotate(-5deg);\r\n\r\n    text-shadow:\r\n      0 1px 2px rgba(255,255,255,.55);\r\n  }\r\n\r\n\r\n  .irotas-spfv__good span {\r\n    display: block;\r\n    margin: 0 0 2px;\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     MESSAGE CARD\r\n  ========================================= *\/\r\n\r\n  .irotas-spfv__message {\r\n    position: absolute;\r\n    z-index: 16;\r\n\r\n    right: 4%;\r\n    bottom: 24px;\r\n\r\n    width: 105px;\r\n    height: 132px;\r\n\r\n    padding: 10px 8px;\r\n\r\n    background: rgba(255,255,255,.97);\r\n\r\n    box-shadow:\r\n      0 7px 20px rgba(15,30,60,.18);\r\n\r\n    transform: rotate(-4deg);\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n\r\n  .irotas-spfv__message-text {\r\n    margin: 0;\r\n\r\n    color: #071738;\r\n\r\n    font-family:\r\n      \"Yu Mincho\",\r\n      \"YuMincho\",\r\n      serif;\r\n\r\n    font-size: 17px;\r\n    line-height: 1.52;\r\n\r\n    font-weight: 500;\r\n\r\n    letter-spacing: .04em;\r\n\r\n    text-align: center;\r\n  }\r\n\r\n\r\n  .irotas-spfv__message-line {\r\n    width: 84%;\r\n    height: 3px;\r\n\r\n    margin-top: 8px;\r\n\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        #ff477e 0 34%,\r\n        #ffc83e 34% 67%,\r\n        #32c8dd 67% 100%\r\n      );\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     CTA AREA\r\n     \u2605\u5199\u771f\u4e0b\u306e\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u3092\u5f15\u304d\u7d99\u3050\r\n  ========================================= *\/\r\n\r\n  .irotas-spfv__cta {\r\n    position: relative;\r\n    z-index: 5;\r\n\r\n    margin-top: -2px;\r\n\r\n    padding:\r\n      17px\r\n      7%\r\n      32px;\r\n\r\n    background:\r\n      radial-gradient(\r\n        circle at -8% 5%,\r\n        rgba(255,185,215,.38) 0%,\r\n        rgba(255,185,215,.20) 32%,\r\n        transparent 65%\r\n      ),\r\n\r\n      radial-gradient(\r\n        circle at 108% 12%,\r\n        rgba(168,226,250,.48) 0%,\r\n        rgba(168,226,250,.23) 35%,\r\n        transparent 68%\r\n      ),\r\n\r\n      radial-gradient(\r\n        circle at 45% 105%,\r\n        rgba(218,199,246,.32) 0%,\r\n        rgba(218,199,246,.14) 35%,\r\n        transparent 68%\r\n      ),\r\n\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(245,239,250,.96) 0%,\r\n        rgba(255,242,248,.86) 48%,\r\n        rgba(240,249,255,.88) 100%\r\n      );\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     BUTTONS\r\n  ========================================= *\/\r\n\r\n  .irotas-spfv__btn {\r\n    width: 100%;\r\n    min-height: 52px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 10px;\r\n\r\n    padding: 8px 18px;\r\n\r\n    border-radius: 999px;\r\n\r\n    font-size: 16px;\r\n    line-height: 1.2;\r\n    font-weight: 700;\r\n\r\n    text-decoration: none !important;\r\n  }\r\n\r\n\r\n  .irotas-spfv__btn--main {\r\n    color: #fff !important;\r\n\r\n    background:\r\n      linear-gradient(\r\n        100deg,\r\n        #ff795c 0%,\r\n        #ff3fa7 31%,\r\n        #c74ee8 57%,\r\n        #397ef4 78%,\r\n        #20bdec 100%\r\n      );\r\n\r\n    box-shadow:\r\n      0 8px 20px rgba(204,71,188,.19);\r\n  }\r\n\r\n\r\n  .irotas-spfv__mail {\r\n    font-size: 20px;\r\n    line-height: 1;\r\n  }\r\n\r\n\r\n  .irotas-spfv__arrow {\r\n    font-size: 20px;\r\n    line-height: 1;\r\n  }\r\n\r\n\r\n  .irotas-spfv__btn--sub {\r\n    min-height: 50px;\r\n\r\n    margin-top: 9px;\r\n\r\n    color: #071738 !important;\r\n\r\n    background: rgba(255,255,255,.78);\r\n\r\n    border: 1px solid #657da5;\r\n\r\n    backdrop-filter: blur(2px);\r\n    -webkit-backdrop-filter: blur(2px);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PC\u3067\u306fSP\u7248\u3092\u5b8c\u5168\u975e\u8868\u793a\r\n========================================= *\/\r\n\r\n@media screen and (min-width: 960px) {\r\n\r\n  .irotas-spfv {\r\n    display: none !important;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n<section class=\"irotas-spfv\">\r\n\r\n  <div class=\"irotas-spfv__inner\">\r\n\r\n    <!-- TEXT -->\r\n    <div class=\"irotas-spfv__content\">\r\n\r\n      <div class=\"irotas-spfv__title\">\r\n        \u3042\u306a\u305f\u3089\u3057\u3055\u3092\u3001<br>\r\n        \u3082\u3063\u3068\u4f1d\u308f\u308b\u30ab\u30bf\u30c1\u306b\u3002\r\n      <\/div>\r\n\r\n      <p class=\"irotas-spfv__description\">\r\n        \u6620\u50cf\u306e\u529b\u3067\u3001\u60f3\u3044\u30fb\u9b45\u529b\u30fb\u3089\u3057\u3055\u3092\u5c4a\u3051\u308b\u3002<br>\r\n        IROTAS\u306f\u3001SNS\u3068\u6620\u50cf\u3067\u3042\u306a\u305f\u3060\u3051\u306e<br>\r\n        \u30b9\u30c8\u30fc\u30ea\u30fc\u3092\u4e00\u7dd2\u306b\u5275\u308a\u307e\u3059\u3002\r\n      <\/p>\r\n\r\n\r\n      <!-- SERVICES -->\r\n      <div class=\"irotas-spfv__services\">\r\n\r\n        <!-- \u6620\u50cf\u5236\u4f5c -->\r\n        <div class=\"irotas-spfv__service\">\r\n\r\n          <span class=\"irotas-spfv__service-icon\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n              <rect x=\"2.5\" y=\"5\" width=\"13\" height=\"14\" rx=\"2\"><\/rect>\r\n\r\n              <path d=\"M15.5 9.2L21 6.5v11l-5.5-2.7z\"><\/path>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <span>\u6620\u50cf\u5236\u4f5c<\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- SNS\u904b\u7528 -->\r\n        <div class=\"irotas-spfv__service\">\r\n\r\n          <span class=\"irotas-spfv__service-icon\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n              <rect x=\"5\" y=\"2.5\" width=\"14\" height=\"19\" rx=\"2.5\"><\/rect>\r\n\r\n              <circle cx=\"12\" cy=\"17.5\" r=\"1\"><\/circle>\r\n\r\n              <path d=\"M8.5 7.5h7\"><\/path>\r\n\r\n              <path d=\"M8.5 11h5\"><\/path>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <span>SNS\u904b\u7528<\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- PHOTO -->\r\n    <div class=\"irotas-spfv__visual\">\r\n\r\n\r\n      <!-- GOOD VIDEO -->\r\n      <div class=\"irotas-spfv__good\">\r\n        <span>Good<\/span>\r\n        <span>Video.<\/span>\r\n        <span>Good<\/span>\r\n        <span>Business.<\/span>\r\n      <\/div>\r\n\r\n\r\n      <!-- MESSAGE CARD -->\r\n      <div class=\"irotas-spfv__message\">\r\n\r\n        <p class=\"irotas-spfv__message-text\">\r\n          \u4f1d\u3048\u305f\u3044<br>\r\n          \u60f3\u3044\u3092<br>\r\n          \u6620\u50cf\u3067\u3002\r\n        <\/p>\r\n\r\n        <div class=\"irotas-spfv__message-line\"><\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- CTA -->\r\n    <div class=\"irotas-spfv__cta\">\r\n\r\n      <a href=\"#contact\" class=\"irotas-spfv__btn irotas-spfv__btn--main\">\r\n\r\n        <span class=\"irotas-spfv__mail\">\u2709<\/span>\r\n\r\n        <span>\u307e\u305a\u306f\u7121\u6599\u3067\u76f8\u8ac7\u3059\u308b<\/span>\r\n\r\n        <span class=\"irotas-spfv__arrow\">\u2192<\/span>\r\n\r\n      <\/a>\r\n\r\n\r\n      <a href=\"#service\" class=\"irotas-spfv__btn irotas-spfv__btn--sub\">\r\n\r\n        <span>\u30b5\u30fc\u30d3\u30b9\u306b\u3064\u3044\u3066\u898b\u308b<\/span>\r\n\r\n        <span class=\"irotas-spfv__arrow\">\u2192<\/span>\r\n\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\r\n\/* =========================================\r\n   IROTAS\uff5c\u3053\u3093\u306a\u304a\u60a9\u307f\u3042\u308a\u307e\u305b\u3093\u304b\uff1f\r\n========================================= *\/\r\n\r\n.irotas-problems {\r\n  position: relative;\r\n  width: 100%;\r\n  overflow: hidden;\r\n\r\n  padding: 55px 20px 60px;\r\n\r\n  color: #071738;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at -2% 30%,\r\n      rgba(184,226,249,.42) 0,\r\n      rgba(184,226,249,.18) 12%,\r\n      transparent 27%\r\n    ),\r\n    radial-gradient(\r\n      circle at 102% 72%,\r\n      rgba(250,190,229,.35) 0,\r\n      rgba(250,190,229,.15) 13%,\r\n      transparent 28%\r\n    ),\r\n    #fff;\r\n\r\n  font-family:\r\n    -apple-system,\r\n    BlinkMacSystemFont,\r\n    \"Helvetica Neue\",\r\n    \"Noto Sans JP\",\r\n    \"Yu Gothic\",\r\n    sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   INNER\r\n========================================= *\/\r\n\r\n.irotas-problems__inner {\r\n  position: relative;\r\n\r\n  width: min(1200px, 100%);\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TITLE\r\n   DIV\u306a\u306e\u3067SWELL\u306eH2\u88c5\u98fe\u3092\u53d7\u3051\u306a\u3044\r\n========================================= *\/\r\n\r\n.irotas-problems__title {\r\n  margin: 0 0 42px !important;\r\n  padding: 0 !important;\r\n\r\n  border: 0 !important;\r\n  background: transparent !important;\r\n\r\n  color: #071738;\r\n\r\n  font-size: 25px;\r\n  line-height: 1.45;\r\n  font-weight: 800;\r\n\r\n  letter-spacing: .04em;\r\n\r\n  text-align: center;\r\n\r\n  box-shadow: none !important;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PC ROW\r\n   4\u3064\u306e\u304a\u60a9\u307f\uff0b\u89e3\u6c7a\u6587\u3092\u5168\u90e8\u6a2a\u4e26\u3073\r\n========================================= *\/\r\n\r\n.irotas-problems__row {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    1fr\r\n    1.15fr\r\n    1fr\r\n    1.35fr;\r\n\r\n  align-items: center;\r\n\r\n  width: 100%;\r\n\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   ITEM\r\n========================================= *\/\r\n\r\n.irotas-problems__item {\r\n  position: relative;\r\n\r\n  min-width: 0;\r\n  min-height: 120px;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n\r\n  padding: 4px 18px;\r\n\r\n  text-align: center;\r\n}\r\n\r\n\r\n\/* \u7e26\u306e\u533a\u5207\u308a\u7dda *\/\r\n\r\n.irotas-problems__item::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  top: 3px;\r\n  right: 0;\r\n\r\n  width: 1px;\r\n  height: 100px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      transparent 0%,\r\n      rgba(7,23,56,.16) 18%,\r\n      rgba(7,23,56,.16) 82%,\r\n      transparent 100%\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================\r\n   ICON\r\n========================================= *\/\r\n\r\n.irotas-problems__icon {\r\n  width: 40px;\r\n  height: 40px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  margin: 0 0 9px;\r\n\r\n  color: #071738;\r\n}\r\n\r\n\r\n.irotas-problems__icon svg {\r\n  display: block;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  fill: none;\r\n\r\n  stroke: currentColor;\r\n  stroke-width: 1.7;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TEXT\r\n========================================= *\/\r\n\r\n.irotas-problems__text {\r\n  margin: 0 !important;\r\n\r\n  color: #071738;\r\n\r\n  font-size: 15px;\r\n  line-height: 1.65;\r\n  font-weight: 700;\r\n\r\n  letter-spacing: .02em;\r\n\r\n  text-align: center;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   ANSWER\r\n   \u53f3\u7aef\u306b\u6a2a\u4e26\u3073\r\n========================================= *\/\r\n\r\n.irotas-problems__answer {\r\n  position: relative;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  min-width: 0;\r\n  min-height: 120px;\r\n\r\n  margin: 0 !important;\r\n  padding: 0 5px !important;\r\n\r\n  color: #071738;\r\n\r\n  text-align: center;\r\n\r\n  transform: rotate(-3deg);\r\n\r\n  font-family:\r\n    \"Yu Mincho\",\r\n    \"YuMincho\",\r\n    \"Hiragino Mincho ProN\",\r\n    serif;\r\n}\r\n\r\n\r\n.irotas-problems__answer-small {\r\n  display: block;\r\n\r\n  margin: 0 0 2px;\r\n\r\n  font-size: 15px;\r\n  line-height: 1.3;\r\n  font-weight: 500;\r\n}\r\n\r\n\r\n.irotas-problems__answer strong {\r\n  display: block;\r\n\r\n  font-size: 20px;\r\n  line-height: 1.4;\r\n  font-weight: 600;\r\n\r\n  letter-spacing: .03em;\r\n\r\n  white-space: nowrap;\r\n}\r\n\r\n\r\n\/* COLOR LINE *\/\r\n\r\n.irotas-problems__answer-line {\r\n  display: block;\r\n\r\n  width: 160px;\r\n  height: 3px;\r\n\r\n  margin: 8px auto 0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #ff477e 0 34%,\r\n      #ffc83e 34% 67%,\r\n      #32c8dd 67% 100%\r\n    );\r\n\r\n  transform: rotate(-2deg);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media screen and (max-width: 1000px) and (min-width: 768px) {\r\n\r\n  .irotas-problems__item {\r\n    padding-left: 8px;\r\n    padding-right: 8px;\r\n  }\r\n\r\n  .irotas-problems__text {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .irotas-problems__answer strong {\r\n    font-size: 17px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media screen and (max-width: 767px) {\r\n\r\n  .irotas-problems {\r\n    padding: 38px 5% 40px;\r\n\r\n    background:\r\n      radial-gradient(\r\n        circle at -15% 20%,\r\n        rgba(184,226,249,.40) 0,\r\n        rgba(184,226,249,.17) 18%,\r\n        transparent 36%\r\n      ),\r\n      radial-gradient(\r\n        circle at 115% 80%,\r\n        rgba(250,190,229,.34) 0,\r\n        rgba(250,190,229,.14) 18%,\r\n        transparent 36%\r\n      ),\r\n      #fff;\r\n  }\r\n\r\n\r\n  .irotas-problems__title {\r\n    margin-bottom: 28px !important;\r\n\r\n    font-size: 22px;\r\n    line-height: 1.45;\r\n  }\r\n\r\n\r\n  \/* SP\u306f\u304a\u60a9\u307f4\u3064\u30922\u00d72 *\/\r\n\r\n  .irotas-problems__row {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n\r\n\r\n  .irotas-problems__item {\r\n    min-height: 132px;\r\n\r\n    padding: 10px 8px 18px;\r\n  }\r\n\r\n\r\n  \/* PC\u7e26\u7dda\u3092\u4e00\u65e6\u6d88\u3059 *\/\r\n\r\n  .irotas-problems__item::after {\r\n    display: none;\r\n  }\r\n\r\n\r\n  \/* \u5de6\u5074\u3060\u3051\u7e26\u7dda *\/\r\n\r\n  .irotas-problems__item:nth-child(odd)::after {\r\n    content: \"\";\r\n\r\n    display: block;\r\n\r\n    position: absolute;\r\n\r\n    top: 8px;\r\n    right: 0;\r\n\r\n    width: 1px;\r\n    height: 98px;\r\n\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        transparent,\r\n        rgba(7,23,56,.14) 20%,\r\n        rgba(7,23,56,.14) 80%,\r\n        transparent\r\n      );\r\n  }\r\n\r\n\r\n  \/* \u4e0a\u6bb5\u3068\u4e0b\u6bb5 *\/\r\n\r\n  .irotas-problems__item:nth-child(-n+2) {\r\n    border-bottom:\r\n      1px solid rgba(7,23,56,.08);\r\n  }\r\n\r\n\r\n  .irotas-problems__icon {\r\n    width: 38px;\r\n    height: 38px;\r\n\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n\r\n  .irotas-problems__text {\r\n    font-size: 15px;\r\n    line-height: 1.55;\r\n  }\r\n\r\n\r\n  \/* \u89e3\u6c7a\u6587\u306fSP\u3060\u30512\u5217\u3076\u3061\u629c\u304d *\/\r\n\r\n  .irotas-problems__answer {\r\n    grid-column: 1 \/ -1;\r\n\r\n    min-height: auto;\r\n\r\n    margin-top: 23px !important;\r\n  }\r\n\r\n\r\n  .irotas-problems__answer-small {\r\n    font-size: 14px;\r\n  }\r\n\r\n\r\n  .irotas-problems__answer strong {\r\n    font-size: 19px;\r\n\r\n    white-space: normal;\r\n  }\r\n\r\n\r\n  .irotas-problems__answer-line {\r\n    width: 145px;\r\n  }\r\n\r\n}\r\n\/* =========================================\r\n   \u304a\u60a9\u307f\u30bb\u30af\u30b7\u30e7\u30f3\uff5cSP\u5fae\u8abf\u6574\r\n========================================= *\/\r\n\r\n@media screen and (max-width: 767px) {\r\n\r\n  \/* \u5404\u9805\u76ee\u306e\u6a2a\u5e45\u3092\u5c11\u3057\u5e83\u304f\u4f7f\u3046 *\/\r\n  .irotas-problems__item {\r\n    padding-left: 2px;\r\n    padding-right: 2px;\r\n  }\r\n\r\n  \/* \u30c6\u30ad\u30b9\u30c8\u9818\u57df\u3092\u6700\u5927\u9650\u4f7f\u3046 *\/\r\n  .irotas-problems__text {\r\n    width: 100%;\r\n    max-width: none;\r\n\r\n    font-size: 15px;\r\n    line-height: 1.55;\r\n\r\n    white-space: normal;\r\n  }\r\n\r\n  \/* 3\u3064\u76ee\u3060\u3051\u5c11\u3057\u6a2a\u5e45\u3092\u78ba\u4fdd *\/\r\n  .irotas-problems__item:nth-child(3) .irotas-problems__text {\r\n    width: calc(100% + 12px);\r\n    margin-left: -6px !important;\r\n    margin-right: -6px !important;\r\n  }\r\n\r\n  \/* \u300c\u305d\u306e\u304a\u60a9\u307f\u301c\u300d\u306fSP\u3067\u306f\u6c34\u5e73 *\/\r\n  .irotas-problems__answer {\r\n    transform: none;\r\n  }\r\n\r\n  .irotas-problems__answer-line {\r\n    transform: none;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<section class=\"irotas-problems\">\r\n\r\n  <div class=\"irotas-problems__inner\">\r\n\r\n    <!-- TITLE -->\r\n    <div class=\"irotas-problems__title\">\r\n      \u3053\u3093\u306a\u304a\u60a9\u307f\u3042\u308a\u307e\u305b\u3093\u304b\uff1f\r\n    <\/div>\r\n\r\n\r\n    <div class=\"irotas-problems__row\">\r\n\r\n      <!-- 01 -->\r\n      <div class=\"irotas-problems__item\">\r\n\r\n        <div class=\"irotas-problems__icon\">\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n            <circle cx=\"24\" cy=\"24\" r=\"18\"><\/circle>\r\n            <path d=\"M24 14v11\"><\/path>\r\n            <circle cx=\"24\" cy=\"32\" r=\"1.5\"><\/circle>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <p class=\"irotas-problems__text\">\r\n          \u52d5\u753b\u7de8\u96c6\u3092<br>\r\n          \u5916\u6ce8\u3059\u308b\u306e\u304c\u4e0d\u5b89\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- 02 -->\r\n      <div class=\"irotas-problems__item\">\r\n\r\n        <div class=\"irotas-problems__icon\">\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n            <circle cx=\"18\" cy=\"18\" r=\"5\"><\/circle>\r\n            <circle cx=\"31\" cy=\"20\" r=\"4\"><\/circle>\r\n            <path d=\"M8 36c1-7 5-11 10-11s9 4 10 11\"><\/path>\r\n            <path d=\"M27 28c5 0 9 3 10 8\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <p class=\"irotas-problems__text\">\r\n          \u81ea\u5206\u3067\u7de8\u96c6\u3059\u308b<br>\r\n          \u6642\u9593\u304c\u306a\u3044\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- 03 -->\r\n      <div class=\"irotas-problems__item\">\r\n\r\n        <div class=\"irotas-problems__icon\">\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n            <rect x=\"13\" y=\"8\" width=\"22\" height=\"32\" rx=\"3\"><\/rect>\r\n            <path d=\"M18 29l5-6 4 4 4-5\"><\/path>\r\n            <path d=\"M18 34h12\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <p class=\"irotas-problems__text\">\r\n          SNS\u7528\u306e\u30b7\u30e7\u30fc\u30c8\u52d5\u753b\u3092<br>\r\n          \u4f5c\u308a\u305f\u3044\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- 04 -->\r\n      <div class=\"irotas-problems__item\">\r\n\r\n        <div class=\"irotas-problems__icon\">\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n            <path d=\"M10 34l8-9 6 5 13-16\"><\/path>\r\n            <path d=\"M29 14h8v8\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <p class=\"irotas-problems__text\">\r\n          \u7d99\u7d9a\u3057\u3066\u52d5\u753b\u3092<br>\r\n          \u767a\u4fe1\u3057\u3066\u3044\u304d\u305f\u3044\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ANSWER -->\r\n      <div class=\"irotas-problems__answer\">\r\n\r\n        <span class=\"irotas-problems__answer-small\">\r\n          \u305d\u306e\u304a\u60a9\u307f\r\n        <\/span>\r\n\r\n        <strong>\r\n          IROTAS\u304c\u89e3\u6c7a\u3057\u307e\u3059\u3002\r\n        <\/strong>\r\n\r\n        <span class=\"irotas-problems__answer-line\"><\/span>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\r\n\/* =========================================\r\n   IROTAS\uff5cSERVICE\r\n   \u5b8c\u5168\u66f8\u304d\u63db\u3048\u7248\r\n========================================= *\/\r\n\r\n.irotas-services {\r\n  position: relative;\r\n  width: 100%;\r\n  margin: 0 !important;\r\n  padding: 55px 20px 70px !important;\r\n  overflow: hidden;\r\n  background: #ffffff !important;\r\n\r\n  font-family:\r\n    -apple-system,\r\n    BlinkMacSystemFont,\r\n    \"Helvetica Neue\",\r\n    \"Noto Sans JP\",\r\n    \"Yu Gothic\",\r\n    sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   INNER\r\n========================================= *\/\r\n\r\n.irotas-services__inner {\r\n  position: relative;\r\n  width: min(1080px, 100%);\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   HEADING\r\n========================================= *\/\r\n\r\n.irotas-services__heading {\r\n  margin: 0 0 42px !important;\r\n  padding: 0 !important;\r\n  text-align: center;\r\n  background: transparent !important;\r\n  border: 0 !important;\r\n}\r\n\r\n.irotas-services__heading-en {\r\n  display: block;\r\n  margin: 0 0 5px !important;\r\n\r\n  color: #ef6bb0;\r\n\r\n  font-size: 13px;\r\n  line-height: 1;\r\n  font-weight: 700;\r\n  letter-spacing: .22em;\r\n}\r\n\r\n.irotas-services__heading-ja {\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n\r\n  color: #071738;\r\n\r\n  font-size: 28px;\r\n  line-height: 1.4;\r\n  font-weight: 800;\r\n  letter-spacing: .05em;\r\n}\r\n\r\n.irotas-services__lead {\r\n  margin: 10px 0 0 !important;\r\n\r\n  color: #506078;\r\n\r\n  font-size: 15px;\r\n  line-height: 1.7;\r\n  font-weight: 500;\r\n  letter-spacing: .02em;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   GRID\r\n   PC\uff1a2\u5217 \u00d7 4\u6bb5\r\n========================================= *\/\r\n\r\n.irotas-services__grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 18px 20px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CARD\r\n========================================= *\/\r\n\r\n.irotas-services__card {\r\n  position: relative;\r\n\r\n  min-height: 125px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 20px;\r\n\r\n  padding: 22px 26px;\r\n\r\n  border: 1px solid rgba(7, 23, 56, .07);\r\n  border-radius: 18px;\r\n\r\n  box-shadow:\r\n    0 7px 24px rgba(27, 46, 77, .055);\r\n\r\n  overflow: hidden;\r\n}\r\n\r\n\r\n\/* \u30ab\u30fc\u30c9\u53f3\u4e0a\u306e\u3084\u308f\u3089\u304b\u3044\u5149 *\/\r\n\r\n.irotas-services__card::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  top: -55px;\r\n  right: -45px;\r\n\r\n  width: 130px;\r\n  height: 130px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: rgba(255, 255, 255, .45);\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CARD COLORS\r\n========================================= *\/\r\n\r\n\r\n\/* 01 \u30ab\u30c3\u30c8\u7de8\u96c6\uff1a\u30d4\u30f3\u30af *\/\r\n\r\n.irotas-services__card--pink {\r\n  background:\r\n    linear-gradient(\r\n      110deg,\r\n      rgba(255, 239, 246, .96),\r\n      rgba(255, 250, 252, .84)\r\n    );\r\n}\r\n\r\n\r\n\/* 02 \u30c6\u30ed\u30c3\u30d7\u4f5c\u6210\uff1a\u30aa\u30ec\u30f3\u30b8 *\/\r\n\r\n.irotas-services__card--orange {\r\n  background:\r\n    linear-gradient(\r\n      110deg,\r\n      rgba(255, 244, 229, .96),\r\n      rgba(255, 251, 244, .84)\r\n    );\r\n}\r\n\r\n\r\n\/* 03 BGM\u30fbSE\uff1a\u30b0\u30ea\u30fc\u30f3 *\/\r\n\r\n.irotas-services__card--green {\r\n  background:\r\n    linear-gradient(\r\n      110deg,\r\n      rgba(238, 249, 230, .96),\r\n      rgba(249, 253, 245, .84)\r\n    );\r\n}\r\n\r\n\r\n\/* 04 \u30a8\u30d5\u30a7\u30af\u30c8\uff1a\u30d6\u30eb\u30fc *\/\r\n\r\n.irotas-services__card--blue {\r\n  background:\r\n    linear-gradient(\r\n      110deg,\r\n      rgba(230, 248, 252, .96),\r\n      rgba(246, 252, 254, .84)\r\n    );\r\n}\r\n\r\n\r\n\/* 05 \u8272\u5473\u8abf\u6574\uff1a\u30a4\u30a8\u30ed\u30fc *\/\r\n\r\n.irotas-services__card--purple {\r\n  background:\r\n    linear-gradient(\r\n      110deg,\r\n      rgba(255, 249, 222, .96),\r\n      rgba(255, 253, 242, .84)\r\n    );\r\n}\r\n\r\n\r\n\/* 06 \u7e26\u578b\u30b7\u30e7\u30fc\u30c8\u52d5\u753b\uff1a\u30d1\u30fc\u30d7\u30eb *\/\r\n\r\n.irotas-services__card--lavender {\r\n  background:\r\n    linear-gradient(\r\n      110deg,\r\n      rgba(242, 236, 255, .96),\r\n      rgba(251, 248, 255, .84)\r\n    );\r\n}\r\n\r\n\r\n\/* 07 YouTube\u52d5\u753b\u7de8\u96c6\uff1a\u30b3\u30fc\u30e9\u30eb *\/\r\n\r\n.irotas-services__card--violet {\r\n  background:\r\n    linear-gradient(\r\n      110deg,\r\n      rgba(255, 235, 238, .96),\r\n      rgba(255, 248, 249, .84)\r\n    );\r\n}\r\n\r\n\r\n\/* 08 \u30b5\u30e0\u30cd\u30a4\u30eb\u5236\u4f5c\uff1a\u30d6\u30eb\u30fc *\/\r\n\r\n.irotas-services__card--magenta {\r\n  background:\r\n    linear-gradient(\r\n      110deg,\r\n      rgba(232, 244, 255, .96),\r\n      rgba(246, 249, 255, .84)\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================\r\n   ICON\r\n========================================= *\/\r\n\r\n.irotas-services__icon {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  flex: 0 0 62px;\r\n\r\n  width: 62px;\r\n  height: 62px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  border-radius: 50%;\r\n\r\n  color: #ffffff;\r\n\r\n  box-shadow:\r\n    0 6px 16px rgba(35, 45, 75, .10);\r\n}\r\n\r\n\r\n\/* 01 \u30d4\u30f3\u30af *\/\r\n\r\n.irotas-services__card--pink\r\n.irotas-services__icon {\r\n  background:\r\n    linear-gradient(135deg, #ff5d9e, #ff7b80);\r\n}\r\n\r\n\r\n\/* 02 \u30aa\u30ec\u30f3\u30b8 *\/\r\n\r\n.irotas-services__card--orange\r\n.irotas-services__icon {\r\n  background:\r\n    linear-gradient(135deg, #ffbf4e, #ff8c61);\r\n}\r\n\r\n\r\n\/* 03 \u30b0\u30ea\u30fc\u30f3 *\/\r\n\r\n.irotas-services__card--green\r\n.irotas-services__icon {\r\n  background:\r\n    linear-gradient(135deg, #8ed45d, #55bd85);\r\n}\r\n\r\n\r\n\/* 04 \u30d6\u30eb\u30fc *\/\r\n\r\n.irotas-services__card--blue\r\n.irotas-services__icon {\r\n  background:\r\n    linear-gradient(135deg, #4fd2dc, #4ca9ef);\r\n}\r\n\r\n\r\n\/* 05 \u30a4\u30a8\u30ed\u30fc *\/\r\n\r\n.irotas-services__card--purple\r\n.irotas-services__icon {\r\n  background:\r\n    linear-gradient(135deg, #f6c84b, #f3a84f);\r\n}\r\n\r\n\r\n\/* 06 \u30d1\u30fc\u30d7\u30eb *\/\r\n\r\n.irotas-services__card--lavender\r\n.irotas-services__icon {\r\n  background:\r\n    linear-gradient(135deg, #9b82f4, #c37be7);\r\n}\r\n\r\n\r\n\/* 07 \u30b3\u30fc\u30e9\u30eb *\/\r\n\r\n.irotas-services__card--violet\r\n.irotas-services__icon {\r\n  background:\r\n    linear-gradient(135deg, #ff6b7d, #ef5f9a);\r\n}\r\n\r\n\r\n\/* 08 \u30d6\u30eb\u30fc *\/\r\n\r\n.irotas-services__card--magenta\r\n.irotas-services__icon {\r\n  background:\r\n    linear-gradient(135deg, #5bbcf2, #7888f5);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SVG\r\n========================================= *\/\r\n\r\n.irotas-services__icon svg {\r\n  display: block;\r\n\r\n  width: 34px;\r\n  height: 34px;\r\n\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 2;\r\n\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n\r\n\/* T\u30a2\u30a4\u30b3\u30f3 *\/\r\n\r\n.irotas-services__letter {\r\n  color: #ffffff;\r\n\r\n  font-family:\r\n    Georgia,\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size: 35px;\r\n  line-height: 1;\r\n  font-weight: 400;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CONTENT\r\n========================================= *\/\r\n\r\n.irotas-services__content {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n\r\n\r\n\/* \u898b\u51fa\u3057 *\/\r\n\r\n.irotas-services__title {\r\n  margin: 0 0 6px !important;\r\n\r\n  color: #071738;\r\n\r\n  font-size: 18px;\r\n  line-height: 1.4;\r\n  font-weight: 800;\r\n  letter-spacing: .025em;\r\n}\r\n\r\n\r\n\/* \u8aac\u660e *\/\r\n\r\n.irotas-services__text {\r\n  margin: 0 !important;\r\n\r\n  color: #4b5970;\r\n\r\n  font-size: 15px;\r\n  line-height: 1.7;\r\n  font-weight: 500;\r\n  letter-spacing: .01em;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   HOVER\r\n========================================= *\/\r\n\r\n@media (hover: hover) {\r\n\r\n  .irotas-services__card {\r\n    transition:\r\n      transform .25s ease,\r\n      box-shadow .25s ease;\r\n  }\r\n\r\n  .irotas-services__card:hover {\r\n    transform: translateY(-3px);\r\n\r\n    box-shadow:\r\n      0 11px 28px rgba(27, 46, 77, .09);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n   1\u5217 \u00d7 8\u6bb5\r\n========================================= *\/\r\n\r\n@media screen and (max-width: 767px) {\r\n\r\n  .irotas-services {\r\n    margin: 0 !important;\r\n\r\n    padding:\r\n      45px\r\n      5%\r\n      55px !important;\r\n\r\n    background: #ffffff !important;\r\n  }\r\n\r\n\r\n  \/* \u898b\u51fa\u3057 *\/\r\n\r\n  .irotas-services__heading {\r\n    margin: 0 0 30px !important;\r\n    padding: 0 !important;\r\n  }\r\n\r\n  .irotas-services__heading-en {\r\n    font-size: 12px;\r\n  }\r\n\r\n  .irotas-services__heading-ja {\r\n    font-size: 24px;\r\n  }\r\n\r\n  .irotas-services__lead {\r\n    max-width: 310px;\r\n\r\n    margin:\r\n      8px\r\n      auto\r\n      0 !important;\r\n\r\n    font-size: 15px;\r\n    line-height: 1.65;\r\n  }\r\n\r\n\r\n  \/* 1\u5217 *\/\r\n\r\n  .irotas-services__grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 12px;\r\n  }\r\n\r\n\r\n  \/* \u30ab\u30fc\u30c9 *\/\r\n\r\n  .irotas-services__card {\r\n    min-height: 104px;\r\n\r\n    gap: 16px;\r\n\r\n    padding:\r\n      17px\r\n      16px;\r\n\r\n    border-radius: 15px;\r\n  }\r\n\r\n\r\n  \/* \u30a2\u30a4\u30b3\u30f3 *\/\r\n\r\n  .irotas-services__icon {\r\n    flex: 0 0 54px;\r\n\r\n    width: 54px;\r\n    height: 54px;\r\n  }\r\n\r\n  .irotas-services__icon svg {\r\n    width: 29px;\r\n    height: 29px;\r\n  }\r\n\r\n  .irotas-services__letter {\r\n    font-size: 31px;\r\n  }\r\n\r\n\r\n  \/* \u30c6\u30ad\u30b9\u30c8 *\/\r\n\r\n  .irotas-services__title {\r\n    margin-bottom: 4px !important;\r\n    font-size: 17px;\r\n  }\r\n\r\n  .irotas-services__text {\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n<section class=\"irotas-services\" id=\"service\">\r\n\r\n  <div class=\"irotas-services__inner\">\r\n\r\n    <!-- TITLE -->\r\n    <div class=\"irotas-services__heading\">\r\n      <span class=\"irotas-services__heading-en\">SERVICE<\/span>\r\n      <div class=\"irotas-services__heading-ja\">\r\n        \u30b5\u30fc\u30d3\u30b9\u5185\u5bb9\r\n      <\/div>\r\n      <p class=\"irotas-services__lead\">\r\n        \u76ee\u7684\u3084\u767a\u4fe1\u30b9\u30bf\u30a4\u30eb\u306b\u5408\u308f\u305b\u3066\u3001\u5e45\u5e83\u3044\u52d5\u753b\u5236\u4f5c\u306b\u5bfe\u5fdc\u3057\u307e\u3059\u3002\r\n      <\/p>\r\n    <\/div>\r\n\r\n\r\n    <!-- GRID -->\r\n    <div class=\"irotas-services__grid\">\r\n\r\n\r\n      <!-- 01 \u30ab\u30c3\u30c8\u7de8\u96c6 -->\r\n      <div class=\"irotas-services__card irotas-services__card--pink\">\r\n\r\n        <div class=\"irotas-services__icon\">\r\n\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n            <circle cx=\"15\" cy=\"14\" r=\"5\"><\/circle>\r\n            <circle cx=\"15\" cy=\"34\" r=\"5\"><\/circle>\r\n            <path d=\"M19 17l20 18\"><\/path>\r\n            <path d=\"M19 31l20-18\"><\/path>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"irotas-services__content\">\r\n          <div class=\"irotas-services__title\">\r\n            \u30ab\u30c3\u30c8\u7de8\u96c6\r\n          <\/div>\r\n\r\n          <p class=\"irotas-services__text\">\r\n            \u4e0d\u8981\u306a\u90e8\u5206\u3092\u30ab\u30c3\u30c8\u3057\u3001\u30c6\u30f3\u30dd\u306e\u826f\u3044\u898b\u3084\u3059\u3044\u52d5\u753b\u306b\u4ed5\u4e0a\u3052\u307e\u3059\u3002\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- 02 \u30c6\u30ed\u30c3\u30d7\u4f5c\u6210 -->\r\n      <div class=\"irotas-services__card irotas-services__card--orange\">\r\n\r\n        <div class=\"irotas-services__icon\">\r\n          <span class=\"irotas-services__letter\">T<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"irotas-services__content\">\r\n          <div class=\"irotas-services__title\">\r\n            \u30c6\u30ed\u30c3\u30d7\u4f5c\u6210\r\n          <\/div>\r\n\r\n          <p class=\"irotas-services__text\">\r\n            \u5185\u5bb9\u304c\u4f1d\u308f\u308a\u3084\u3059\u3044\u3001\u898b\u3084\u3059\u304f\u5370\u8c61\u7684\u306a\u30c6\u30ed\u30c3\u30d7\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- 03 BGM\u30fbSE -->\r\n      <div class=\"irotas-services__card irotas-services__card--green\">\r\n\r\n        <div class=\"irotas-services__icon\">\r\n\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n            <path d=\"M19 34V13l20-4v21\"><\/path>\r\n            <ellipse cx=\"13\" cy=\"35\" rx=\"6\" ry=\"5\"><\/ellipse>\r\n            <ellipse cx=\"33\" cy=\"31\" rx=\"6\" ry=\"5\"><\/ellipse>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"irotas-services__content\">\r\n          <div class=\"irotas-services__title\">\r\n            BGM\u30fbSE\r\n          <\/div>\r\n\r\n          <p class=\"irotas-services__text\">\r\n            \u52d5\u753b\u306e\u96f0\u56f2\u6c17\u306b\u5408\u308f\u305b\u3066\u3001\u97f3\u697d\u3084\u52b9\u679c\u97f3\u3092\u9078\u5b9a\u30fb\u633f\u5165\u3057\u307e\u3059\u3002\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- 04 \u30a8\u30d5\u30a7\u30af\u30c8 -->\r\n      <div class=\"irotas-services__card irotas-services__card--blue\">\r\n\r\n        <div class=\"irotas-services__icon\">\r\n\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n            <path d=\"M24 6l2.8 9.2L36 18l-9.2 2.8L24 30l-2.8-9.2L12 18l9.2-2.8z\"><\/path>\r\n            <path d=\"M38 28l1.5 5 5 1.5-5 1.5-1.5 5-1.5-5-5-1.5 5-1.5z\"><\/path>\r\n            <path d=\"M11 30l1.3 4.2 4.2 1.3-4.2 1.3L11 41l-1.3-4.2-4.2-1.3 4.2-1.3z\"><\/path>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"irotas-services__content\">\r\n          <div class=\"irotas-services__title\">\r\n            \u30a8\u30d5\u30a7\u30af\u30c8\r\n          <\/div>\r\n\r\n          <p class=\"irotas-services__text\">\r\n            \u6620\u50cf\u306e\u9b45\u529b\u3092\u5f15\u304d\u51fa\u3059\u30a8\u30d5\u30a7\u30af\u30c8\u3084\u6f14\u51fa\u3092\u52a0\u3048\u3001\u5370\u8c61\u7684\u306b\u4ed5\u4e0a\u3052\u307e\u3059\u3002\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- 05 \u8272\u5473\u8abf\u6574 -->\r\n      <div class=\"irotas-services__card irotas-services__card--purple\">\r\n\r\n        <div class=\"irotas-services__icon\">\r\n\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n            <circle cx=\"24\" cy=\"17\" r=\"7\"><\/circle>\r\n            <circle cx=\"15\" cy=\"30\" r=\"7\"><\/circle>\r\n            <circle cx=\"33\" cy=\"30\" r=\"7\"><\/circle>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"irotas-services__content\">\r\n          <div class=\"irotas-services__title\">\r\n            \u8272\u5473\u8abf\u6574\r\n          <\/div>\r\n\r\n          <p class=\"irotas-services__text\">\r\n            \u6620\u50cf\u5168\u4f53\u306e\u8272\u5473\u3092\u6574\u3048\u3001\u7d71\u4e00\u611f\u306e\u3042\u308b\u81ea\u7136\u3067\u7f8e\u3057\u3044\u4ed5\u4e0a\u304c\u308a\u306b\u3057\u307e\u3059\u3002\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- 06 \u7e26\u578b\u30b7\u30e7\u30fc\u30c8\u52d5\u753b -->\r\n      <div class=\"irotas-services__card irotas-services__card--lavender\">\r\n\r\n        <div class=\"irotas-services__icon\">\r\n\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n            <rect x=\"15\" y=\"5\" width=\"18\" height=\"38\" rx=\"3\"><\/rect>\r\n            <path d=\"M20 10h8\"><\/path>\r\n            <circle cx=\"24\" cy=\"38\" r=\"1\"><\/circle>\r\n            <path d=\"M21 19l9 5-9 5z\"><\/path>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"irotas-services__content\">\r\n          <div class=\"irotas-services__title\">\r\n            \u7e26\u578b\u30b7\u30e7\u30fc\u30c8\u52d5\u753b\r\n          <\/div>\r\n\r\n          <p class=\"irotas-services__text\">\r\n            TikTok\u30fbInstagram Reels\u30fbYouTube Shorts\u306a\u3069\u3001\u7e26\u578bSNS\u52d5\u753b\u306b\u5bfe\u5fdc\u3057\u307e\u3059\u3002\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- 07 YouTube\u52d5\u753b\u7de8\u96c6 -->\r\n      <div class=\"irotas-services__card irotas-services__card--violet\">\r\n\r\n        <div class=\"irotas-services__icon\">\r\n\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n            <rect x=\"6\" y=\"12\" width=\"36\" height=\"24\" rx=\"7\"><\/rect>\r\n            <path d=\"M21 18l11 6-11 6z\"><\/path>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"irotas-services__content\">\r\n          <div class=\"irotas-services__title\">\r\n            YouTube\u52d5\u753b\u7de8\u96c6\r\n          <\/div>\r\n\r\n          <p class=\"irotas-services__text\">\r\n            \u9577\u5c3a\u52d5\u753b\u304b\u3089\u4f01\u753b\u52d5\u753b\u307e\u3067\u3001\u76ee\u7684\u306b\u5408\u308f\u305b\u305fYouTube\u7de8\u96c6\u306b\u5bfe\u5fdc\u3057\u307e\u3059\u3002\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- 08 \u30b5\u30e0\u30cd\u30a4\u30eb\u5236\u4f5c -->\r\n      <div class=\"irotas-services__card irotas-services__card--magenta\">\r\n\r\n        <div class=\"irotas-services__icon\">\r\n\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n            <rect x=\"6\" y=\"9\" width=\"36\" height=\"30\" rx=\"3\"><\/rect>\r\n            <circle cx=\"32\" cy=\"18\" r=\"3\"><\/circle>\r\n            <path d=\"M10 34l9-10 7 7 5-5 7 8\"><\/path>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"irotas-services__content\">\r\n          <div class=\"irotas-services__title\">\r\n            \u30b5\u30e0\u30cd\u30a4\u30eb\u5236\u4f5c\r\n          <\/div>\r\n\r\n          <p class=\"irotas-services__text\">\r\n            \u601d\u308f\u305a\u30af\u30ea\u30c3\u30af\u3057\u305f\u304f\u306a\u308b\u3001\u5185\u5bb9\u304c\u4f1d\u308f\u308b\u30b5\u30e0\u30cd\u30a4\u30eb\u3092\u5236\u4f5c\u3057\u307e\u3059\u3002\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\r\n\/* =========================================\r\n   IROTAS\uff5cPRICE\r\n   \u6599\u91d1\u4e00\u89a7 \u5b8c\u5168\u7248\r\n========================================= *\/\r\n\r\n.irotas-price {\r\n  position: relative;\r\n  width: 100%;\r\n  margin: 0 !important;\r\n  padding: 70px 20px 80px !important;\r\n  overflow: hidden;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 0% 20%,\r\n      rgba(255, 221, 235, .42) 0%,\r\n      transparent 25%\r\n    ),\r\n    radial-gradient(\r\n      circle at 100% 75%,\r\n      rgba(218, 241, 255, .55) 0%,\r\n      transparent 27%\r\n    ),\r\n    #ffffff;\r\n\r\n  font-family:\r\n    -apple-system,\r\n    BlinkMacSystemFont,\r\n    \"Helvetica Neue\",\r\n    \"Noto Sans JP\",\r\n    \"Yu Gothic\",\r\n    sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   INNER\r\n========================================= *\/\r\n\r\n.irotas-price__inner {\r\n  width: min(1120px, 100%);\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SECTION HEADING\r\n========================================= *\/\r\n\r\n.irotas-price__heading {\r\n  margin: 0 0 38px !important;\r\n  text-align: center;\r\n}\r\n\r\n.irotas-price__heading-en {\r\n  display: block;\r\n  margin-bottom: 5px;\r\n\r\n  color: #ef6bb0;\r\n\r\n  font-size: 13px;\r\n  line-height: 1;\r\n  font-weight: 700;\r\n  letter-spacing: .22em;\r\n}\r\n\r\n.irotas-price__heading-ja {\r\n  color: #071738;\r\n\r\n  font-size: 28px;\r\n  line-height: 1.4;\r\n  font-weight: 800;\r\n  letter-spacing: .05em;\r\n}\r\n\r\n.irotas-price__lead {\r\n  margin: 9px 0 0 !important;\r\n\r\n  color: #526078;\r\n\r\n  font-size: 15px;\r\n  line-height: 1.7;\r\n  font-weight: 500;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   2 COLUMN\r\n========================================= *\/\r\n\r\n.irotas-price__grid {\r\n  display: grid;\r\n  grid-template-columns: 1.05fr .95fr;\r\n  gap: 22px;\r\n  align-items: stretch;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PRICE BOX\r\n========================================= *\/\r\n\r\n.irotas-price__box {\r\n  position: relative;\r\n\r\n  padding: 24px;\r\n\r\n  border: 1px solid rgba(7, 23, 56, .08);\r\n  border-radius: 20px;\r\n\r\n  box-shadow:\r\n    0 9px 30px rgba(25, 44, 74, .07);\r\n\r\n  overflow: hidden;\r\n}\r\n\r\n\r\n\/* VIDEO *\/\r\n\r\n.irotas-price__box--video {\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(255, 238, 247, .95),\r\n      rgba(255, 250, 252, .98)\r\n    );\r\n}\r\n\r\n\r\n\/* SNS *\/\r\n\r\n.irotas-price__box--sns {\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(232, 247, 255, .96),\r\n      rgba(249, 252, 255, .98)\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BOX HEADING\r\n========================================= *\/\r\n\r\n.irotas-price__box-heading {\r\n  min-height: 62px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 13px;\r\n\r\n  margin-bottom: 18px;\r\n}\r\n\r\n\r\n\/* ICON *\/\r\n\r\n.irotas-price__box-icon {\r\n  flex: 0 0 52px;\r\n\r\n  width: 52px;\r\n  height: 52px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  border-radius: 14px;\r\n\r\n  color: #ffffff;\r\n}\r\n\r\n.irotas-price__box--video\r\n.irotas-price__box-icon {\r\n  background:\r\n    linear-gradient(135deg, #ff5d9c, #ff76a9);\r\n}\r\n\r\n.irotas-price__box--sns\r\n.irotas-price__box-icon {\r\n  background:\r\n    linear-gradient(135deg, #42c8ef, #477bf2);\r\n}\r\n\r\n.irotas-price__box-icon svg {\r\n  width: 32px;\r\n  height: 32px;\r\n\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 2;\r\n\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n\r\n\/* TITLE *\/\r\n\r\n.irotas-price__box-title {\r\n  color: #071738;\r\n\r\n  font-size: 23px;\r\n  line-height: 1.35;\r\n  font-weight: 800;\r\n  letter-spacing: .02em;\r\n}\r\n\r\n\r\n\/* SCRIPT *\/\r\n\r\n.irotas-price__script {\r\n  margin-left: auto;\r\n\r\n  font-family:\r\n    \"Brush Script MT\",\r\n    \"Segoe Script\",\r\n    \"Snell Roundhand\",\r\n    cursive;\r\n\r\n  font-size: 27px;\r\n  line-height: 1;\r\n\r\n  font-style: italic;\r\n  transform: rotate(-4deg);\r\n}\r\n\r\n.irotas-price__box--video\r\n.irotas-price__script {\r\n  color: #ef69ae;\r\n}\r\n\r\n.irotas-price__box--sns\r\n.irotas-price__script {\r\n  color: #55a9ec;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLE\r\n========================================= *\/\r\n\r\n.irotas-price__table-head,\r\n.irotas-price__row {\r\n  display: grid;\r\n  grid-template-columns:\r\n    minmax(150px, 1.15fr)\r\n    minmax(145px, 1.15fr)\r\n    minmax(125px, .85fr);\r\n\r\n  align-items: center;\r\n}\r\n\r\n\r\n\/* HEADER *\/\r\n\r\n.irotas-price__table-head {\r\n  overflow: hidden;\r\n\r\n  border-radius: 9px 9px 0 0;\r\n\r\n  background: #293143;\r\n  color: #ffffff;\r\n\r\n  font-size: 14px;\r\n  line-height: 1.4;\r\n  font-weight: 700;\r\n  text-align: center;\r\n}\r\n\r\n.irotas-price__table-head > div {\r\n  padding: 10px 8px;\r\n}\r\n\r\n\r\n\/* ROW *\/\r\n\r\n.irotas-price__row {\r\n  min-height: 48px;\r\n\r\n  border-left: 1px solid rgba(7, 23, 56, .07);\r\n  border-right: 1px solid rgba(7, 23, 56, .07);\r\n  border-bottom: 1px solid rgba(7, 23, 56, .07);\r\n\r\n  background: rgba(255, 255, 255, .55);\r\n}\r\n\r\n.irotas-price__row > div {\r\n  height: 100%;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  padding: 10px 11px;\r\n\r\n  border-right: 1px solid rgba(7, 23, 56, .06);\r\n}\r\n\r\n.irotas-price__row > div:last-child {\r\n  border-right: 0;\r\n}\r\n\r\n\r\n\/* TEXT *\/\r\n\r\n.irotas-price__service,\r\n.irotas-price__detail {\r\n  color: #344159;\r\n\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n  font-weight: 500;\r\n}\r\n\r\n.irotas-price__amount {\r\n  color: #071738;\r\n\r\n  font-size: 15px;\r\n  line-height: 1.4;\r\n  font-weight: 800;\r\n\r\n  white-space: nowrap;\r\n}\r\n\r\n\r\n\/* NOTE *\/\r\n\r\n.irotas-price__note {\r\n  margin: 12px 2px 0 !important;\r\n\r\n  color: #667187;\r\n\r\n  font-size: 12px;\r\n  line-height: 1.6;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CUSTOM BOX\r\n========================================= *\/\r\n\r\n.irotas-price__custom {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    48px\r\n    minmax(0, 1fr)\r\n    auto;\r\n\r\n  align-items: center;\r\n  gap: 13px;\r\n\r\n  margin-top: 18px;\r\n  padding: 15px;\r\n\r\n  background: rgba(255, 255, 255, .72);\r\n\r\n  border: 1px solid rgba(7, 23, 56, .09);\r\n  border-radius: 13px;\r\n}\r\n\r\n\r\n\/* CUSTOM ICON *\/\r\n\r\n.irotas-price__custom-icon {\r\n  width: 48px;\r\n  height: 48px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  color: #071738;\r\n}\r\n\r\n.irotas-price__custom-icon svg {\r\n  width: 38px;\r\n  height: 38px;\r\n\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 2;\r\n\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n\r\n\/* CUSTOM TEXT *\/\r\n\r\n.irotas-price__custom-title {\r\n  margin-bottom: 3px;\r\n\r\n  color: #071738;\r\n\r\n  font-size: 15px;\r\n  line-height: 1.4;\r\n  font-weight: 800;\r\n}\r\n\r\n.irotas-price__custom-text p {\r\n  margin: 0 !important;\r\n\r\n  color: #536178;\r\n\r\n  font-size: 12px;\r\n  line-height: 1.55;\r\n}\r\n\r\n\r\n\/* BUTTON *\/\r\n\r\n.irotas-price__contact {\r\n  min-height: 43px;\r\n\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 9px;\r\n\r\n  padding: 10px 17px;\r\n\r\n  border-radius: 999px;\r\n\r\n  background: #293143;\r\n\r\n  color: #ffffff !important;\r\n  text-decoration: none !important;\r\n\r\n  font-size: 13px;\r\n  line-height: 1.4;\r\n  font-weight: 700;\r\n\r\n  white-space: nowrap;\r\n\r\n  transition:\r\n    transform .2s ease,\r\n    opacity .2s ease;\r\n}\r\n\r\n.irotas-price__contact:hover {\r\n  opacity: .88;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media screen and (max-width: 767px) {\r\n\r\n  .irotas-price {\r\n    padding:\r\n      48px\r\n      5%\r\n      58px !important;\r\n  }\r\n\r\n\r\n  \/* HEADING *\/\r\n\r\n  .irotas-price__heading {\r\n    margin-bottom: 30px !important;\r\n  }\r\n\r\n  .irotas-price__heading-en {\r\n    font-size: 12px;\r\n  }\r\n\r\n  .irotas-price__heading-ja {\r\n    font-size: 24px;\r\n  }\r\n\r\n  .irotas-price__lead {\r\n    max-width: 310px;\r\n\r\n    margin:\r\n      8px\r\n      auto\r\n      0 !important;\r\n\r\n    font-size: 15px;\r\n  }\r\n\r\n\r\n  \/* 1 COLUMN *\/\r\n\r\n  .irotas-price__grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 20px;\r\n  }\r\n\r\n\r\n  \/* BOX *\/\r\n\r\n  .irotas-price__box {\r\n    padding: 18px 14px;\r\n\r\n    border-radius: 17px;\r\n  }\r\n\r\n\r\n  \/* BOX TITLE *\/\r\n\r\n  .irotas-price__box-heading {\r\n    min-height: auto;\r\n\r\n    gap: 10px;\r\n\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  .irotas-price__box-icon {\r\n    flex: 0 0 44px;\r\n\r\n    width: 44px;\r\n    height: 44px;\r\n\r\n    border-radius: 12px;\r\n  }\r\n\r\n  .irotas-price__box-icon svg {\r\n    width: 27px;\r\n    height: 27px;\r\n  }\r\n\r\n  .irotas-price__box-title {\r\n    font-size: 19px;\r\n  }\r\n\r\n  .irotas-price__script {\r\n    font-size: 19px;\r\n  }\r\n\r\n\r\n  \/* MOBILE TABLE *\/\r\n\r\n  .irotas-price__table-head {\r\n    display: none;\r\n  }\r\n\r\n  .irotas-price__row {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n      minmax(0, 1fr)\r\n      auto;\r\n\r\n    gap: 3px 12px;\r\n\r\n    min-height: auto;\r\n\r\n    padding: 13px 12px;\r\n\r\n    border:\r\n      1px solid\r\n      rgba(7, 23, 56, .07);\r\n\r\n    border-radius: 10px;\r\n\r\n    margin-bottom: 8px;\r\n\r\n    background:\r\n      rgba(255, 255, 255, .66);\r\n  }\r\n\r\n  .irotas-price__row > div {\r\n    height: auto;\r\n\r\n    padding: 0;\r\n\r\n    border: 0;\r\n  }\r\n\r\n\r\n  \/* \u30b5\u30fc\u30d3\u30b9\u540d *\/\r\n\r\n  .irotas-price__service {\r\n    grid-column: 1;\r\n    grid-row: 1;\r\n\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n  }\r\n\r\n\r\n  \/* \u5185\u5bb9 *\/\r\n\r\n  .irotas-price__detail {\r\n    grid-column: 1;\r\n    grid-row: 2;\r\n\r\n    color: #657087;\r\n\r\n    font-size: 13px;\r\n  }\r\n\r\n\r\n  \/* \u91d1\u984d *\/\r\n\r\n  .irotas-price__amount {\r\n    grid-column: 2;\r\n    grid-row: 1 \/ 3;\r\n\r\n    justify-content: flex-end;\r\n\r\n    font-size: 15px;\r\n\r\n    text-align: right;\r\n  }\r\n\r\n\r\n  \/* NOTE *\/\r\n\r\n  .irotas-price__note {\r\n    margin:\r\n      10px\r\n      2px\r\n      0 !important;\r\n\r\n    font-size: 12px;\r\n  }\r\n\r\n\r\n  \/* CUSTOM *\/\r\n\r\n  .irotas-price__custom {\r\n    grid-template-columns:\r\n      42px\r\n      minmax(0, 1fr);\r\n\r\n    gap: 10px;\r\n\r\n    padding: 14px;\r\n\r\n    margin-top: 16px;\r\n  }\r\n\r\n  .irotas-price__custom-icon {\r\n    width: 42px;\r\n    height: 42px;\r\n  }\r\n\r\n  .irotas-price__custom-icon svg {\r\n    width: 32px;\r\n    height: 32px;\r\n  }\r\n\r\n  .irotas-price__custom-title {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .irotas-price__custom-text p {\r\n    font-size: 13px;\r\n  }\r\n\r\n  .irotas-price__contact {\r\n    grid-column: 1 \/ -1;\r\n\r\n    width: 100%;\r\n\r\n    margin-top: 4px;\r\n\r\n    min-height: 46px;\r\n\r\n    font-size: 14px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   VERY SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media screen and (max-width: 390px) {\r\n\r\n  .irotas-price__script {\r\n    display: none;\r\n  }\r\n\r\n  .irotas-price__amount {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .irotas-price__service {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .irotas-price__detail {\r\n    font-size: 13px;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n<section class=\"irotas-price\" id=\"price\">\r\n\r\n  <div class=\"irotas-price__inner\">\r\n\r\n    <!-- SECTION TITLE -->\r\n    <div class=\"irotas-price__heading\">\r\n      <span class=\"irotas-price__heading-en\">PRICE<\/span>\r\n\r\n      <div class=\"irotas-price__heading-ja\">\r\n        \u6599\u91d1\u4e00\u89a7\r\n      <\/div>\r\n\r\n      <p class=\"irotas-price__lead\">\r\n        \u3054\u5e0c\u671b\u306e\u5185\u5bb9\u306b\u5408\u308f\u305b\u3066\u3001<br class=\"irotas-price__lead-br\">\u6700\u9069\u306a\u30d7\u30e9\u30f3\u3092\u3054\u63d0\u6848\u3057\u307e\u3059\u3002\r\n      <\/p>\r\n    <\/div>\r\n\r\n\r\n    <!-- PRICE GRID -->\r\n    <div class=\"irotas-price__grid\">\r\n\r\n\r\n      <!-- =========================\r\n           VIDEO EDITING\r\n      ========================== -->\r\n      <div class=\"irotas-price__box irotas-price__box--video\">\r\n\r\n        <div class=\"irotas-price__box-heading\">\r\n\r\n          <div class=\"irotas-price__box-icon\">\r\n            <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n              <rect x=\"13\" y=\"5\" width=\"22\" height=\"38\" rx=\"3\"><\/rect>\r\n              <path d=\"M20 17l11 7-11 7z\"><\/path>\r\n              <path d=\"M18 10h12\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div class=\"irotas-price__box-title\">\r\n            \u52d5\u753b\u7de8\u96c6\u6599\u91d1\r\n          <\/div>\r\n\r\n          <div class=\"irotas-price__script\">\r\n            Video Editing\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- TABLE HEADER -->\r\n        <div class=\"irotas-price__table-head\">\r\n          <div>\u30b5\u30fc\u30d3\u30b9<\/div>\r\n          <div>\u5185\u5bb9\u30fb\u5c3a<\/div>\r\n          <div>\u6599\u91d1<\/div>\r\n        <\/div>\r\n\r\n\r\n        <!-- 01 -->\r\n        <div class=\"irotas-price__row\">\r\n          <div class=\"irotas-price__service\">\r\n            \u30b7\u30e7\u30fc\u30c8\u7e26\u578b\u52d5\u753b\r\n          <\/div>\r\n\r\n          <div class=\"irotas-price__detail\">\r\n            \u521d\u56de\u9650\u5b9a\u30fb60\u79d2\u4ee5\u5185\r\n          <\/div>\r\n\r\n          <div class=\"irotas-price__amount\">\r\n            15,000\u5186\r\n          <\/div>\r\n        <\/div>\r\n\r\n\r\n        <!-- 02 -->\r\n        <div class=\"irotas-price__row\">\r\n          <div class=\"irotas-price__service\">\r\n            \u30b7\u30e7\u30fc\u30c8\u7e26\u578b\u52d5\u753b\r\n          <\/div>\r\n\r\n          <div class=\"irotas-price__detail\">\r\n            60\u79d2\u4ee5\u5185\r\n          <\/div>\r\n\r\n          <div class=\"irotas-price__amount\">\r\n            30,000\u5186\u301c\uff0f\u672c\r\n          <\/div>\r\n        <\/div>\r\n\r\n\r\n        <!-- 03 -->\r\n        <div class=\"irotas-price__row\">\r\n          <div class=\"irotas-price__service\">\r\n            \u30b7\u30e7\u30fc\u30c8\u7e26\u578b\u52d5\u753b\r\n          <\/div>\r\n\r\n          <div class=\"irotas-price__detail\">\r\n            60\u79d2\u8d85\u301c2\u5206\u4ee5\u5185\r\n          <\/div>\r\n\r\n          <div class=\"irotas-price__amount\">\r\n            50,000\u5186\u301c\uff0f\u672c\r\n          <\/div>\r\n        <\/div>\r\n\r\n\r\n        <!-- 04 -->\r\n        <div class=\"irotas-price__row\">\r\n          <div class=\"irotas-price__service\">\r\n            \u4f01\u696d\u30fb\u5546\u54c1PR \u6a2a\u578b\u52d5\u753b\r\n          <\/div>\r\n\r\n          <div class=\"irotas-price__detail\">\r\n            3\u5206\u4ee5\u5185\r\n          <\/div>\r\n\r\n          <div class=\"irotas-price__amount\">\r\n            250,000\u5186\u301c\uff0f\u672c\r\n          <\/div>\r\n        <\/div>\r\n\r\n\r\n        <!-- 05 -->\r\n        <div class=\"irotas-price__row\">\r\n          <div class=\"irotas-price__service\">\r\n            \u4f01\u696d\u30fb\u5546\u54c1PR \u6a2a\u578b\u52d5\u753b\r\n          <\/div>\r\n\r\n          <div class=\"irotas-price__detail\">\r\n            3\u5206\u8d85\u301c5\u5206\u4ee5\u5185\r\n          <\/div>\r\n\r\n          <div class=\"irotas-price__amount\">\r\n            350,000\u5186\u301c\uff0f\u672c\r\n          <\/div>\r\n        <\/div>\r\n\r\n\r\n        <p class=\"irotas-price__note\">\r\n          \u203b \u6599\u91d1\u306f\u7d20\u6750\u91cf\u30fb\u7de8\u96c6\u5185\u5bb9\u30fb\u6f14\u51fa\u306b\u3088\u308a\u5909\u52d5\u3059\u308b\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- =========================\r\n           SNS MANAGEMENT\r\n      ========================== -->\r\n      <div class=\"irotas-price__box irotas-price__box--sns\">\r\n\r\n        <div class=\"irotas-price__box-heading\">\r\n\r\n          <div class=\"irotas-price__box-icon\">\r\n            <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n              <path d=\"M8 39V27h7v12z\"><\/path>\r\n              <path d=\"M20 39V19h7v20z\"><\/path>\r\n              <path d=\"M32 39V10h7v29z\"><\/path>\r\n              <path d=\"M8 20l10-7 8 3 13-10\"><\/path>\r\n              <path d=\"M33 6h6v6\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div class=\"irotas-price__box-title\">\r\n            SNS\u904b\u7528\u30d7\u30e9\u30f3\r\n          <\/div>\r\n\r\n          <div class=\"irotas-price__script\">\r\n            SNS Management\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- TABLE HEADER -->\r\n        <div class=\"irotas-price__table-head\">\r\n          <div>\u30b5\u30fc\u30d3\u30b9<\/div>\r\n          <div>\u5185\u5bb9\u30fb\u5c3a<\/div>\r\n          <div>\u6599\u91d1<\/div>\r\n        <\/div>\r\n\r\n\r\n        <!-- 01 -->\r\n        <div class=\"irotas-price__row\">\r\n          <div class=\"irotas-price__service\">\r\n            SNS\u904b\u7528\r\n          <\/div>\r\n\r\n          <div class=\"irotas-price__detail\">\r\n            \u521d\u56de\u9650\u5b9a\u30fb2\u9031\u9593\u30c8\u30e9\u30a4\u30a2\u30eb\r\n          <\/div>\r\n\r\n          <div class=\"irotas-price__amount\">\r\n            150,000\u5186\r\n          <\/div>\r\n        <\/div>\r\n\r\n\r\n        <!-- 02 -->\r\n        <div class=\"irotas-price__row\">\r\n          <div class=\"irotas-price__service\">\r\n            SNS\u904b\u7528\u4ee3\u884c\r\n          <\/div>\r\n\r\n          <div class=\"irotas-price__detail\">\r\n            \u6708\u984d\u30d7\u30e9\u30f3\r\n          <\/div>\r\n\r\n          <div class=\"irotas-price__amount\">\r\n            300,000\u5186\u301c\uff0f\u6708\r\n          <\/div>\r\n        <\/div>\r\n\r\n\r\n        <p class=\"irotas-price__note\">\r\n          \u203b \u6599\u91d1\u306f\u7d20\u6750\u91cf\u30fb\u7de8\u96c6\u5185\u5bb9\u30fb\u6295\u7a3f\u5185\u5bb9\u306b\u3088\u308a\u5909\u52d5\u3059\u308b\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002\r\n        <\/p>\r\n\r\n\r\n        <!-- CUSTOM -->\r\n        <div class=\"irotas-price__custom\">\r\n\r\n          <div class=\"irotas-price__custom-icon\">\r\n            <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n              <rect x=\"12\" y=\"8\" width=\"25\" height=\"31\" rx=\"2\"><\/rect>\r\n              <rect x=\"7\" y=\"13\" width=\"25\" height=\"31\" rx=\"2\"><\/rect>\r\n              <path d=\"M16 22l9 5-9 5z\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n\r\n          <div class=\"irotas-price__custom-text\">\r\n\r\n            <div class=\"irotas-price__custom-title\">\r\n              \u305d\u306e\u4ed6\u306e\u7de8\u96c6\u30fb\u30ab\u30b9\u30bf\u30e0\u5bfe\u5fdc\r\n            <\/div>\r\n\r\n            <p>\r\n              \u4f01\u753b\u30fb\u69cb\u6210\u30fb\u30b5\u30e0\u30cd\u30a4\u30eb\u5236\u4f5c\u306a\u3069\u3082<br>\r\n              \u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n\r\n          <a href=\"#contact\" class=\"irotas-price__contact\">\r\n            \u304a\u898b\u7a4d\u3082\u308a\u30fb\u3054\u76f8\u8ac7\u306f\u3053\u3061\u3089\r\n            <span>\u2192<\/span>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\n\n\n\n<!-- ========================================\r\n     IROTAS\uff5c06 \u5236\u4f5c\u306e\u6d41\u308c\r\n========================================= -->\r\n<section class=\"irotas-flow\">\r\n\r\n  <div class=\"irotas-flow__inner\">\r\n\r\n    <!-- \u898b\u51fa\u3057 -->\r\n    <div class=\"irotas-flow__heading\">\r\n      <div class=\"irotas-flow__en\">FLOW<\/div>\r\n      <div class=\"irotas-flow__title\">\u5236\u4f5c\u306e\u6d41\u308c<\/div>\r\n      <div class=\"irotas-flow__lead\">\r\n        \u306f\u3058\u3081\u3066\u306e\u65b9\u3067\u3082\u5b89\u5fc3\u3002<br class=\"sp-only\">\r\n        \u30b7\u30f3\u30d7\u30eb\u306a\u6d41\u308c\u3067\u30b9\u30e0\u30fc\u30ba\u306b\u5236\u4f5c\u3057\u307e\u3059\u3002\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u30bf\u30a4\u30e0\u30e9\u30a4\u30f3 -->\r\n    <div class=\"irotas-flow__timeline\">\r\n\r\n      <!-- 01 -->\r\n      <div class=\"irotas-flow__item is-left is-pink\">\r\n        <div class=\"irotas-flow__dot\"><\/div>\r\n\r\n        <div class=\"irotas-flow__content\">\r\n          <div class=\"irotas-flow__num\">01<\/div>\r\n\r\n          <div class=\"irotas-flow__text\">\r\n            <div class=\"irotas-flow__step-title\">\r\n              \u304a\u554f\u3044\u5408\u308f\u305b\r\n            <\/div>\r\n            <div class=\"irotas-flow__description\">\r\n              \u30d5\u30a9\u30fc\u30e0\u304b\u3089<br>\r\n              \u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 02 -->\r\n      <div class=\"irotas-flow__item is-right is-orange\">\r\n        <div class=\"irotas-flow__dot\"><\/div>\r\n\r\n        <div class=\"irotas-flow__content\">\r\n          <div class=\"irotas-flow__num\">02<\/div>\r\n\r\n          <div class=\"irotas-flow__text\">\r\n            <div class=\"irotas-flow__step-title\">\r\n              \u30d2\u30a2\u30ea\u30f3\u30b0\r\n            <\/div>\r\n            <div class=\"irotas-flow__description\">\r\n              \u76ee\u7684\u30fb\u30a4\u30e1\u30fc\u30b8\u30fb\u53c2\u8003\u52d5\u753b<br>\r\n              \u306a\u3069\u3092\u304a\u4f3a\u3044\u3057\u307e\u3059\u3002\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 03 -->\r\n      <div class=\"irotas-flow__item is-left is-yellow\">\r\n        <div class=\"irotas-flow__dot\"><\/div>\r\n\r\n        <div class=\"irotas-flow__content\">\r\n          <div class=\"irotas-flow__num\">03<\/div>\r\n\r\n          <div class=\"irotas-flow__text\">\r\n            <div class=\"irotas-flow__step-title\">\r\n              \u304a\u898b\u7a4d\u3082\u308a\r\n            <\/div>\r\n            <div class=\"irotas-flow__description\">\r\n              \u5185\u5bb9\u306b\u5fdc\u3058\u305f\u304a\u898b\u7a4d\u3082\u308a\u3092<br>\r\n              \u3054\u63d0\u793a\u3057\u307e\u3059\u3002\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 04 -->\r\n      <div class=\"irotas-flow__item is-right is-green\">\r\n        <div class=\"irotas-flow__dot\"><\/div>\r\n\r\n        <div class=\"irotas-flow__content\">\r\n          <div class=\"irotas-flow__num\">04<\/div>\r\n\r\n          <div class=\"irotas-flow__text\">\r\n            <div class=\"irotas-flow__step-title\">\r\n              \u5236\u4f5c\u958b\u59cb\r\n            <\/div>\r\n            <div class=\"irotas-flow__description\">\r\n              \u3054\u78ba\u8a8d\u5f8c\u3001\u7de8\u96c6\u3092\u958b\u59cb\u3002<br>\r\n              \u6700\u9069\u306a\u69cb\u6210\u3067\u5236\u4f5c\u3057\u307e\u3059\u3002\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 05 -->\r\n      <div class=\"irotas-flow__item is-left is-blue\">\r\n        <div class=\"irotas-flow__dot\"><\/div>\r\n\r\n        <div class=\"irotas-flow__content\">\r\n          <div class=\"irotas-flow__num\">05<\/div>\r\n\r\n          <div class=\"irotas-flow__text\">\r\n            <div class=\"irotas-flow__step-title\">\r\n              \u78ba\u8a8d\u30fb\u4fee\u6b63\r\n            <\/div>\r\n            <div class=\"irotas-flow__description\">\r\n              \u4fee\u6b63\u7248\u3092\u3054\u78ba\u8a8d\u3044\u305f\u3060\u304d\u3001<br>\r\n              \u5fc5\u8981\u306b\u5fdc\u3058\u3066\u8abf\u6574\u3057\u307e\u3059\u3002\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 06 -->\r\n      <div class=\"irotas-flow__item is-right is-purple\">\r\n        <div class=\"irotas-flow__dot\"><\/div>\r\n\r\n        <div class=\"irotas-flow__content\">\r\n          <div class=\"irotas-flow__num\">06<\/div>\r\n\r\n          <div class=\"irotas-flow__text\">\r\n            <div class=\"irotas-flow__step-title\">\r\n              \u7d0d\u54c1\r\n            <\/div>\r\n            <div class=\"irotas-flow__description\">\r\n              \u3054\u5e0c\u671b\u306e\u5f62\u5f0f\u3067<br>\r\n              \u7d0d\u54c1\u3044\u305f\u3057\u307e\u3059\u3002\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* ========================================\r\n   IROTAS\uff5c06 \u5236\u4f5c\u306e\u6d41\u308c\r\n========================================= *\/\r\n\r\n.irotas-flow,\r\n.irotas-flow * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.irotas-flow {\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 100px 24px 110px;\r\n  overflow: hidden;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 8% 18%,\r\n      rgba(255, 92, 177, 0.09),\r\n      transparent 25%\r\n    ),\r\n    radial-gradient(\r\n      circle at 92% 78%,\r\n      rgba(110, 101, 255, 0.09),\r\n      transparent 27%\r\n    ),\r\n    #fff;\r\n}\r\n\r\n.irotas-flow__inner {\r\n  width: min(100%, 1000px);\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   SECTION HEADING\r\n========================================= *\/\r\n\r\n.irotas-flow__heading {\r\n  margin-bottom: 70px;\r\n  text-align: center;\r\n}\r\n\r\n.irotas-flow__en {\r\n  margin-bottom: 8px;\r\n\r\n  color: #ff5aae;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n  letter-spacing: 0.22em;\r\n}\r\n\r\n.irotas-flow__title {\r\n  margin-bottom: 16px;\r\n\r\n  color: #25283a;\r\n  font-size: clamp(30px, 3vw, 40px);\r\n  font-weight: 700;\r\n  line-height: 1.35;\r\n  letter-spacing: 0.08em;\r\n}\r\n\r\n.irotas-flow__lead {\r\n  color: #777b89;\r\n  font-size: 15px;\r\n  line-height: 1.9;\r\n}\r\n\r\n.sp-only {\r\n  display: none;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   TIMELINE\r\n========================================= *\/\r\n\r\n.irotas-flow__timeline {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 880px;\r\n  margin: 0 auto;\r\n  padding: 15px 0;\r\n}\r\n\r\n\r\n\/* \u4e2d\u592e\u30e9\u30a4\u30f3 *\/\r\n.irotas-flow__timeline::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 50%;\r\n\r\n  width: 2px;\r\n\r\n  transform: translateX(-50%);\r\n\r\n  background: linear-gradient(\r\n    to bottom,\r\n    #ff5aae 0%,\r\n    #ff9f52 20%,\r\n    #f1ca45 40%,\r\n    #54cf9b 60%,\r\n    #52aaf5 80%,\r\n    #a56bf5 100%\r\n  );\r\n\r\n  opacity: 0.35;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   STEP\r\n========================================= *\/\r\n\r\n.irotas-flow__item {\r\n  position: relative;\r\n\r\n  width: 50%;\r\n  min-height: 135px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.irotas-flow__item.is-left {\r\n  margin-right: auto;\r\n  padding-right: 62px;\r\n\r\n  justify-content: flex-end;\r\n  text-align: right;\r\n}\r\n\r\n.irotas-flow__item.is-right {\r\n  margin-left: auto;\r\n  padding-left: 62px;\r\n\r\n  justify-content: flex-start;\r\n  text-align: left;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   DOT\r\n========================================= *\/\r\n\r\n.irotas-flow__dot {\r\n  position: absolute;\r\n  top: 50%;\r\n\r\n  width: 17px;\r\n  height: 17px;\r\n\r\n  border: 4px solid currentColor;\r\n  border-radius: 50%;\r\n\r\n  background: #fff;\r\n\r\n  transform: translateY(-50%);\r\n\r\n  box-shadow: 0 0 0 7px #fff;\r\n\r\n  z-index: 2;\r\n}\r\n\r\n.irotas-flow__item.is-left .irotas-flow__dot {\r\n  right: -8.5px;\r\n}\r\n\r\n.irotas-flow__item.is-right .irotas-flow__dot {\r\n  left: -8.5px;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   STEP CONTENT\r\n========================================= *\/\r\n\r\n.irotas-flow__content {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 22px;\r\n}\r\n\r\n.irotas-flow__num {\r\n  flex-shrink: 0;\r\n\r\n  color: currentColor;\r\n\r\n  font-size: 44px;\r\n  font-weight: 800;\r\n  line-height: 1;\r\n  letter-spacing: -0.04em;\r\n\r\n  opacity: 0.95;\r\n}\r\n\r\n.irotas-flow__step-title {\r\n  margin-bottom: 8px;\r\n\r\n  color: #292c3c;\r\n\r\n  font-size: 20px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n  letter-spacing: 0.05em;\r\n}\r\n\r\n.irotas-flow__description {\r\n  color: #747886;\r\n\r\n  font-size: 14px;\r\n  line-height: 1.8;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   COLORS\r\n========================================= *\/\r\n\r\n.irotas-flow__item.is-pink {\r\n  color: #ff5aa9;\r\n}\r\n\r\n.irotas-flow__item.is-orange {\r\n  color: #ff9a4d;\r\n}\r\n\r\n.irotas-flow__item.is-yellow {\r\n  color: #e8bb32;\r\n}\r\n\r\n.irotas-flow__item.is-green {\r\n  color: #42c998;\r\n}\r\n\r\n.irotas-flow__item.is-blue {\r\n  color: #4caaf5;\r\n}\r\n\r\n.irotas-flow__item.is-purple {\r\n  color: #a46cf4;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .irotas-flow {\r\n    padding: 72px 20px 80px;\r\n  }\r\n\r\n  .irotas-flow__heading {\r\n    margin-bottom: 52px;\r\n  }\r\n\r\n  .irotas-flow__en {\r\n    font-size: 13px;\r\n  }\r\n\r\n  .irotas-flow__title {\r\n    margin-bottom: 14px;\r\n\r\n    font-size: 28px;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  .irotas-flow__lead {\r\n    font-size: 15px;\r\n    line-height: 1.8;\r\n  }\r\n\r\n  .sp-only {\r\n    display: block;\r\n  }\r\n\r\n\r\n  \/* ---------- \u7e26\u30e9\u30a4\u30f3 ---------- *\/\r\n\r\n  .irotas-flow__timeline {\r\n    padding: 0;\r\n  }\r\n\r\n  .irotas-flow__timeline::before {\r\n    left: 14px;\r\n    transform: none;\r\n  }\r\n\r\n\r\n  \/* ---------- STEP ---------- *\/\r\n\r\n  .irotas-flow__item,\r\n  .irotas-flow__item.is-left,\r\n  .irotas-flow__item.is-right {\r\n    width: 100%;\r\n    min-height: 0;\r\n\r\n    margin: 0;\r\n    padding: 0 0 46px 48px;\r\n\r\n    display: block;\r\n\r\n    text-align: left;\r\n  }\r\n\r\n  .irotas-flow__item:last-child {\r\n    padding-bottom: 0;\r\n  }\r\n\r\n\r\n  \/* ---------- DOT ---------- *\/\r\n\r\n  .irotas-flow__item.is-left .irotas-flow__dot,\r\n  .irotas-flow__item.is-right .irotas-flow__dot {\r\n    top: 7px;\r\n    left: 6.5px;\r\n    right: auto;\r\n\r\n    transform: none;\r\n  }\r\n\r\n\r\n  \/* ---------- CONTENT ---------- *\/\r\n\r\n  .irotas-flow__content {\r\n    display: block;\r\n  }\r\n\r\n  .irotas-flow__num {\r\n    display: block;\r\n\r\n    margin-bottom: 7px;\r\n\r\n    font-size: 32px;\r\n  }\r\n\r\n  .irotas-flow__step-title {\r\n    margin-bottom: 6px;\r\n\r\n    font-size: 18px;\r\n    line-height: 1.45;\r\n  }\r\n\r\n  .irotas-flow__description {\r\n    font-size: 15px;\r\n    line-height: 1.75;\r\n  }\r\n}\r\n<\/style>\n\n\n\n<!-- ========================================\r\n     IROTAS\uff5c07 \u5229\u7528\u8005\u306e\u58f0\r\n========================================= -->\r\n<section class=\"irotas-voice\">\r\n\r\n  <div class=\"irotas-voice__inner\">\r\n\r\n    <!-- SECTION TITLE -->\r\n    <div class=\"irotas-voice__heading\">\r\n\r\n      <div class=\"irotas-voice__en\">\r\n        <span><\/span>\r\n        VOICE\r\n        <span><\/span>\r\n      <\/div>\r\n\r\n      <div class=\"irotas-voice__title\">\r\n        \u5229\u7528\u8005\u306e<span>\u58f0<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"irotas-voice__lead\">\r\n        \u5b9f\u969b\u306b\u3054\u4f9d\u983c\u3044\u305f\u3060\u3044\u305f\u304a\u5ba2\u69d8\u304b\u3089\u306e\u5b09\u3057\u3044\u304a\u58f0\u3092\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- VOICE CARDS -->\r\n    <div class=\"irotas-voice__cards\">\r\n\r\n\r\n      <!-- =========================\r\n           01 \u30ab\u30d5\u30a7\u30fb\u98f2\u98df\u5e97\r\n      ========================== -->\r\n      <div class=\"irotas-voice__card is-pink\">\r\n\r\n        <div class=\"irotas-voice__visual\">\r\n\r\n          <div class=\"irotas-voice__label\">\r\n            \u30ab\u30d5\u30a7\u30fb\u98f2\u98df\u5e97<br>\r\n            \u30aa\u30fc\u30ca\u30fc\u69d8\r\n          <\/div>\r\n\r\n          <img decoding=\"async\"\r\n            class=\"irotas-voice__person\"\r\n            src=\"http:\/\/irotas.online\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-2026\u5e749\u670822\u65e5-04_40_58.png\"\r\n            alt=\"\u30ab\u30d5\u30a7\u30fb\u98f2\u98df\u5e97\u30aa\u30fc\u30ca\u30fc\u69d8\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n        <div class=\"irotas-voice__review\">\r\n\r\n          <div class=\"irotas-voice__catch\">\r\n            \u304a\u5e97\u306e\u96f0\u56f2\u6c17\u304c\u3057\u3063\u304b\u308a<br>\r\n            \u4f1d\u308f\u308b\u52d5\u753b\u306b\u306a\u308a\u307e\u3057\u305f\uff01\r\n          <\/div>\r\n\r\n          <div class=\"irotas-voice__body\">\r\n            SNS\u7528\u306e\u52d5\u753b\u3092\u304a\u9858\u3044\u3057\u307e\u3057\u305f\u3002<br>\r\n            \u304a\u5e97\u306e\u96f0\u56f2\u6c17\u3084\u3053\u3060\u308f\u308a\u3092\u4e01\u5be7\u306b<br>\r\n            \u6c72\u307f\u53d6\u3063\u3066\u7de8\u96c6\u3057\u3066\u3044\u305f\u3060\u304d\u3001<br>\r\n            \u30d5\u30a9\u30ed\u30ef\u30fc\u304c\u5897\u3048\u307e\u3057\u305f\uff01<br>\r\n            \u307e\u305f\u304a\u9858\u3044\u3057\u305f\u3044\u3067\u3059\uff01\r\n          <\/div>\r\n\r\n          <div class=\"irotas-voice__rating\">\r\n            <div class=\"irotas-voice__stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n            <div class=\"irotas-voice__score\">5.0<\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- =========================\r\n           02 \u30a2\u30d1\u30ec\u30eb\u30d6\u30e9\u30f3\u30c9\r\n      ========================== -->\r\n      <div class=\"irotas-voice__card is-blue\">\r\n\r\n        <div class=\"irotas-voice__visual\">\r\n\r\n          <div class=\"irotas-voice__label\">\r\n            \u30a2\u30d1\u30ec\u30eb\u30d6\u30e9\u30f3\u30c9<br>\r\n            \u62c5\u5f53\u8005\u69d8\r\n          <\/div>\r\n\r\n          <img decoding=\"async\"\r\n            class=\"irotas-voice__person\"\r\n            src=\"http:\/\/irotas.online\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-2026\u5e749\u670822\u65e5-04_44_01.png\"\r\n            alt=\"\u30a2\u30d1\u30ec\u30eb\u30d6\u30e9\u30f3\u30c9\u62c5\u5f53\u8005\u69d8\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n        <div class=\"irotas-voice__review\">\r\n\r\n          <div class=\"irotas-voice__catch\">\r\n            \u5546\u54c1\u306e\u9b45\u529b\u3092\u5f15\u304d\u51fa\u3059<br>\r\n            \u7de8\u96c6\u3067\u58f2\u4e0a\u306b\u3064\u306a\u304c\u308a\u307e\u3057\u305f\uff01\r\n          <\/div>\r\n\r\n          <div class=\"irotas-voice__body\">\r\n            \u5546\u54c1\u7d39\u4ecb\u52d5\u753b\u3092\u4f9d\u983c\u3057\u307e\u3057\u305f\u3002<br>\r\n            \u69cb\u6210\u304b\u3089\u63d0\u6848\u3057\u3066\u3044\u305f\u3060\u304d\u3001<br>\r\n            \u60f3\u50cf\u4ee5\u4e0a\u306e\u30af\u30aa\u30ea\u30c6\u30a3\u306b\u611f\u52d5\u3057\u307e\u3057\u305f\u3002<br>\r\n            \u7d0d\u54c1\u3082\u65e9\u304f\u3001\u5b89\u5fc3\u3057\u3066\u304a\u9858\u3044\u3067\u304d\u307e\u3059\u3002\r\n          <\/div>\r\n\r\n          <div class=\"irotas-voice__rating\">\r\n            <div class=\"irotas-voice__stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n            <div class=\"irotas-voice__score\">5.0<\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- =========================\r\n           03 \u500b\u4eba\u30af\u30ea\u30a8\u30a4\u30bf\u30fc\r\n      ========================== -->\r\n      <div class=\"irotas-voice__card is-orange\">\r\n\r\n        <div class=\"irotas-voice__visual\">\r\n\r\n          <div class=\"irotas-voice__label\">\r\n            \u500b\u4eba\u30af\u30ea\u30a8\u30a4\u30bf\u30fc<br>\r\n            \u30a4\u30f3\u30d5\u30eb\u30a8\u30f3\u30b5\u30fc\u69d8\r\n          <\/div>\r\n\r\n          <img decoding=\"async\"\r\n            class=\"irotas-voice__person\"\r\n            src=\"http:\/\/irotas.online\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-2026\u5e749\u670822\u65e5-04_46_54.png\"\r\n            alt=\"\u500b\u4eba\u30af\u30ea\u30a8\u30a4\u30bf\u30fc\u30fb\u30a4\u30f3\u30d5\u30eb\u30a8\u30f3\u30b5\u30fc\u69d8\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n        <div class=\"irotas-voice__review\">\r\n\r\n          <div class=\"irotas-voice__catch\">\r\n            \u7d99\u7d9a\u3057\u3066\u304a\u9858\u3044\u3067\u304d\u308b<br>\r\n            \u30d1\u30fc\u30c8\u30ca\u30fc\u306b\u51fa\u4f1a\u3048\u307e\u3057\u305f\uff01\r\n          <\/div>\r\n\r\n          <div class=\"irotas-voice__body\">\r\n            YouTube\u3068\u30b7\u30e7\u30fc\u30c8\u52d5\u753b\u306e\u7de8\u96c6\u3092<br>\r\n            \u304a\u9858\u3044\u3057\u3066\u3044\u307e\u3059\u3002\u4fee\u6b63\u3082\u4e01\u5be7\u3067\u3001<br>\r\n            \u3044\u3064\u3082\u3053\u3061\u3089\u306e\u610f\u56f3\u3092\u304f\u307f\u53d6\u3063\u3066<br>\r\n            \u304f\u308c\u307e\u3059\u3002\u52d5\u753b\u306e\u30af\u30aa\u30ea\u30c6\u30a3\u304c\u4e0a\u304c\u308a\u3001<br>\r\n            \u30c1\u30e3\u30f3\u30cd\u30eb\u306e\u6210\u9577\u306b\u3082\u3064\u306a\u304c\u308a\u307e\u3057\u305f\uff01\r\n          <\/div>\r\n\r\n          <div class=\"irotas-voice__rating\">\r\n            <div class=\"irotas-voice__stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n            <div class=\"irotas-voice__score\">5.0<\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- BOTTOM MESSAGE -->\r\n    <div class=\"irotas-voice__bottom\">\r\n      <div class=\"irotas-voice__bottom-text\">\r\n        \u5b09\u3057\u3044\u304a\u58f0\u304c\u3001\u79c1\u305f\u3061\u306e\u539f\u52d5\u529b\u3067\u3059\u3002\r\n      <\/div>\r\n      <div class=\"irotas-voice__rainbow\"><\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* ========================================\r\n   IROTAS\uff5c07 \u5229\u7528\u8005\u306e\u58f0\r\n========================================= *\/\r\n\r\n.irotas-voice,\r\n.irotas-voice * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.irotas-voice {\r\n  width: 100%;\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding: 100px 24px 90px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 5% 12%,\r\n      rgba(255, 103, 180, .12),\r\n      transparent 23%\r\n    ),\r\n    radial-gradient(\r\n      circle at 94% 15%,\r\n      rgba(121, 197, 255, .12),\r\n      transparent 22%\r\n    ),\r\n    radial-gradient(\r\n      circle at 8% 92%,\r\n      rgba(255, 193, 104, .11),\r\n      transparent 20%\r\n    ),\r\n    radial-gradient(\r\n      circle at 92% 88%,\r\n      rgba(187, 117, 255, .10),\r\n      transparent 22%\r\n    ),\r\n    #fff;\r\n}\r\n\r\n.irotas-voice__inner {\r\n  width: min(100%, 1180px);\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   HEADING\r\n========================================= *\/\r\n\r\n.irotas-voice__heading {\r\n  margin-bottom: 58px;\r\n  text-align: center;\r\n}\r\n\r\n.irotas-voice__en {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 22px;\r\n\r\n  margin-bottom: 16px;\r\n\r\n  color: #111a38;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  line-height: 1;\r\n  letter-spacing: .38em;\r\n}\r\n\r\n.irotas-voice__en span {\r\n  display: block;\r\n  width: 70px;\r\n  height: 1px;\r\n  background: #293552;\r\n}\r\n\r\n.irotas-voice__title {\r\n  margin-bottom: 20px;\r\n\r\n  color: #081432;\r\n  font-size: clamp(38px, 4.2vw, 58px);\r\n  font-weight: 800;\r\n  line-height: 1.25;\r\n  letter-spacing: .06em;\r\n}\r\n\r\n.irotas-voice__title span {\r\n  display: inline-block;\r\n\r\n  color: #775cff;\r\n\r\n  background: linear-gradient(\r\n    135deg,\r\n    #d849ef 10%,\r\n    #845dff 48%,\r\n    #37b9ff 90%\r\n  );\r\n\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.irotas-voice__lead {\r\n  color: #26304b;\r\n  font-size: 16px;\r\n  line-height: 1.9;\r\n  letter-spacing: .05em;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   CARDS\r\n========================================= *\/\r\n\r\n.irotas-voice__cards {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 18px;\r\n  align-items: stretch;\r\n}\r\n\r\n.irotas-voice__card {\r\n  position: relative;\r\n  overflow: hidden;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  min-width: 0;\r\n\r\n  border: 1px solid rgba(255,255,255,.9);\r\n  border-radius: 26px;\r\n\r\n  box-shadow:\r\n    0 12px 35px rgba(39, 55, 87, .07),\r\n    inset 0 0 0 1px rgba(255,255,255,.65);\r\n}\r\n\r\n\r\n\/* PINK *\/\r\n.irotas-voice__card.is-pink {\r\n  background:\r\n    radial-gradient(\r\n      circle at 65% 22%,\r\n      rgba(255, 176, 215, .33),\r\n      transparent 35%\r\n    ),\r\n    linear-gradient(\r\n      160deg,\r\n      #fff7fb 0%,\r\n      #fff1f8 100%\r\n    );\r\n}\r\n\r\n\/* BLUE *\/\r\n.irotas-voice__card.is-blue {\r\n  background:\r\n    radial-gradient(\r\n      circle at 62% 20%,\r\n      rgba(164, 219, 255, .38),\r\n      transparent 35%\r\n    ),\r\n    linear-gradient(\r\n      160deg,\r\n      #f5fbff 0%,\r\n      #eef8ff 100%\r\n    );\r\n}\r\n\r\n\/* ORANGE *\/\r\n.irotas-voice__card.is-orange {\r\n  background:\r\n    radial-gradient(\r\n      circle at 64% 20%,\r\n      rgba(255, 205, 145, .37),\r\n      transparent 35%\r\n    ),\r\n    linear-gradient(\r\n      160deg,\r\n      #fffaf4 0%,\r\n      #fff4e9 100%\r\n    );\r\n}\r\n\r\n\r\n\/* ========================================\r\n   IMAGE AREA\r\n========================================= *\/\r\n\r\n.irotas-voice__visual {\r\n  position: relative;\r\n  height: 245px;\r\n  overflow: hidden;\r\n}\r\n\r\n.irotas-voice__visual::before,\r\n.irotas-voice__visual::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  border-radius: 50%;\r\n}\r\n\r\n.irotas-voice__visual::before {\r\n  width: 190px;\r\n  height: 190px;\r\n  top: 25px;\r\n  right: -10px;\r\n\r\n  background: rgba(255,255,255,.38);\r\n}\r\n\r\n.irotas-voice__visual::after {\r\n  width: 115px;\r\n  height: 115px;\r\n  top: 85px;\r\n  left: 28%;\r\n\r\n  background: rgba(255,255,255,.30);\r\n}\r\n\r\n\r\n\/* ROLE LABEL *\/\r\n\r\n.irotas-voice__label {\r\n  position: absolute;\r\n  top: 34px;\r\n  left: 22px;\r\n  z-index: 4;\r\n\r\n  padding: 12px 18px;\r\n\r\n  border-radius: 999px;\r\n\r\n  color: #07132f;\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  line-height: 1.55;\r\n}\r\n\r\n.is-pink .irotas-voice__label {\r\n  background: rgba(255, 204, 228, .88);\r\n}\r\n\r\n.is-blue .irotas-voice__label {\r\n  background: rgba(199, 232, 255, .92);\r\n}\r\n\r\n.is-orange .irotas-voice__label {\r\n  background: rgba(255, 216, 178, .92);\r\n}\r\n\r\n\r\n\/* PERSON *\/\r\n\r\n.irotas-voice__person {\r\n  position: absolute;\r\n  z-index: 3;\r\n\r\n  right: -5px;\r\n  bottom: -20px;\r\n\r\n  width: 72%;\r\n  max-width: 270px;\r\n  height: auto;\r\n\r\n  display: block;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   REVIEW BOX\r\n========================================= *\/\r\n\r\n.irotas-voice__review {\r\n  position: relative;\r\n  z-index: 5;\r\n\r\n  flex: 1;\r\n\r\n  margin: -24px 14px 14px;\r\n  padding: 0 22px 22px;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  border-radius: 25px;\r\n\r\n  background: rgba(255,255,255,.88);\r\n\r\n  box-shadow:\r\n    0 6px 18px rgba(25, 38, 65, .04);\r\n}\r\n\r\n\r\n\/* CATCH *\/\r\n\r\n.irotas-voice__catch {\r\n  margin: 0 -22px 18px;\r\n  padding: 21px 22px;\r\n\r\n  border-radius: 25px;\r\n\r\n  background: rgba(255,255,255,.97);\r\n\r\n  color: #07132f;\r\n\r\n  font-size: 19px;\r\n  font-weight: 700;\r\n  line-height: 1.55;\r\n  letter-spacing: .02em;\r\n\r\n  box-shadow:\r\n    0 4px 14px rgba(36, 51, 80, .04);\r\n}\r\n\r\n.is-pink .irotas-voice__catch {\r\n  border: 1px solid rgba(255, 174, 215, .25);\r\n}\r\n\r\n.is-blue .irotas-voice__catch {\r\n  border: 1px solid rgba(139, 205, 255, .25);\r\n}\r\n\r\n.is-orange .irotas-voice__catch {\r\n  border: 1px solid rgba(255, 190, 122, .28);\r\n}\r\n\r\n\r\n\/* BODY *\/\r\n\r\n.irotas-voice__body {\r\n  margin-bottom: 24px;\r\n\r\n  color: #17223f;\r\n\r\n  font-size: 15px;\r\n  line-height: 1.85;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   RATING\r\n========================================= *\/\r\n\r\n.irotas-voice__rating {\r\n  margin-top: auto;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 16px;\r\n}\r\n\r\n.irotas-voice__stars {\r\n  color: #ffbd00;\r\n\r\n  font-size: 23px;\r\n  line-height: 1;\r\n  letter-spacing: 1px;\r\n\r\n  white-space: nowrap;\r\n}\r\n\r\n.irotas-voice__score {\r\n  color: #07132f;\r\n\r\n  font-size: 21px;\r\n  font-weight: 800;\r\n  line-height: 1;\r\n}\r\n\r\n\r\n\/* ========================================\r\n   BOTTOM MESSAGE\r\n========================================= *\/\r\n\r\n.irotas-voice__bottom {\r\n  width: fit-content;\r\n\r\n  margin: 62px auto 0;\r\n\r\n  text-align: center;\r\n}\r\n\r\n.irotas-voice__bottom-text {\r\n  color: #15203d;\r\n\r\n  font-size: 22px;\r\n  font-weight: 500;\r\n  line-height: 1.6;\r\n  letter-spacing: .08em;\r\n}\r\n\r\n.irotas-voice__rainbow {\r\n  width: 100%;\r\n  height: 3px;\r\n\r\n  margin-top: 8px;\r\n\r\n  border-radius: 999px;\r\n\r\n  background: linear-gradient(\r\n    90deg,\r\n    #ff5bab,\r\n    #ff9b58,\r\n    #f1ce43,\r\n    #54ce9c,\r\n    #4db8f5,\r\n    #996cf4\r\n  );\r\n\r\n  transform: rotate(-1deg);\r\n}\r\n\r\n\r\n\/* ========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n  .irotas-voice__cards {\r\n    gap: 14px;\r\n  }\r\n\r\n  .irotas-voice__visual {\r\n    height: 220px;\r\n  }\r\n\r\n  .irotas-voice__label {\r\n    top: 24px;\r\n    left: 16px;\r\n\r\n    padding: 10px 14px;\r\n\r\n    font-size: 13px;\r\n  }\r\n\r\n  .irotas-voice__catch {\r\n    font-size: 17px;\r\n  }\r\n\r\n  .irotas-voice__body {\r\n    font-size: 14px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .irotas-voice {\r\n    padding: 72px 18px 76px;\r\n  }\r\n\r\n  .irotas-voice__heading {\r\n    margin-bottom: 42px;\r\n  }\r\n\r\n  .irotas-voice__en {\r\n    gap: 14px;\r\n\r\n    margin-bottom: 13px;\r\n\r\n    font-size: 13px;\r\n  }\r\n\r\n  .irotas-voice__en span {\r\n    width: 42px;\r\n  }\r\n\r\n  .irotas-voice__title {\r\n    margin-bottom: 16px;\r\n\r\n    font-size: 34px;\r\n  }\r\n\r\n  .irotas-voice__lead {\r\n    max-width: 330px;\r\n    margin: 0 auto;\r\n\r\n    font-size: 15px;\r\n    line-height: 1.8;\r\n  }\r\n\r\n\r\n  \/* CARD *\/\r\n\r\n  .irotas-voice__cards {\r\n    display: block;\r\n  }\r\n\r\n  .irotas-voice__card {\r\n    width: 100%;\r\n    max-width: 430px;\r\n\r\n    margin: 0 auto 28px;\r\n\r\n    border-radius: 24px;\r\n  }\r\n\r\n  .irotas-voice__card:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n\r\n  \/* VISUAL *\/\r\n\r\n  .irotas-voice__visual {\r\n    height: 255px;\r\n  }\r\n\r\n  .irotas-voice__label {\r\n    top: 25px;\r\n    left: 18px;\r\n\r\n    padding: 11px 16px;\r\n\r\n    font-size: 15px;\r\n  }\r\n\r\n  .irotas-voice__person {\r\n    right: -2px;\r\n    bottom: -22px;\r\n\r\n    width: 70%;\r\n    max-width: 280px;\r\n  }\r\n\r\n\r\n  \/* REVIEW *\/\r\n\r\n  .irotas-voice__review {\r\n    margin: -28px 12px 12px;\r\n    padding: 0 20px 22px;\r\n\r\n    border-radius: 23px;\r\n  }\r\n\r\n  .irotas-voice__catch {\r\n    margin: 0 -20px 18px;\r\n    padding: 19px 20px;\r\n\r\n    font-size: 18px;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  .irotas-voice__body {\r\n    margin-bottom: 22px;\r\n\r\n    font-size: 15px;\r\n    line-height: 1.8;\r\n  }\r\n\r\n  .irotas-voice__stars {\r\n    font-size: 21px;\r\n  }\r\n\r\n  .irotas-voice__score {\r\n    font-size: 20px;\r\n  }\r\n\r\n\r\n  \/* BOTTOM *\/\r\n\r\n  .irotas-voice__bottom {\r\n    margin-top: 46px;\r\n  }\r\n\r\n  .irotas-voice__bottom-text {\r\n    font-size: 17px;\r\n    line-height: 1.7;\r\n  }\r\n\r\n}\r\n<\/style>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<!-- =========================================\r\n     IROTAS\uff5cWORKS \u898b\u51fa\u3057\r\n========================================= -->\r\n\r\n<div class=\"irotas-works-heading\">\r\n\r\n  <div class=\"irotas-works-en\">\r\n    <span><\/span>\r\n    WORKS\r\n    <span><\/span>\r\n  <\/div>\r\n\r\n  <div class=\"irotas-works-title\">\r\n    \u5236\u4f5c<span>\u5b9f\u7e3e<\/span>\r\n  <\/div>\r\n\r\n  <div class=\"irotas-works-lead\">\r\n  <span class=\"pc-only\">\u30b8\u30e3\u30f3\u30eb\u3092\u554f\u308f\u305a\u3001\u3055\u307e\u3056\u307e\u306a\u30b7\u30e7\u30fc\u30c8\u52d5\u753b\u3092\u5236\u4f5c\u3057\u3066\u3044\u307e\u3059\u3002<\/span>\r\n  <span class=\"sp-only\">\u30b8\u30e3\u30f3\u30eb\u3092\u554f\u308f\u305a\u3001<br>\u3055\u307e\u3056\u307e\u306a\u30b7\u30e7\u30fc\u30c8\u52d5\u753b\u3092\u5236\u4f5c\u3057\u3066\u3044\u307e\u3059\u3002<\/span>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================\r\n   IROTAS\uff5cWORKS \u898b\u51fa\u3057\r\n========================================= *\/\r\n\r\n.irotas-works-heading {\r\n  width: 100%;\r\n  text-align: center;\r\n\r\n  \/* \u4e0a\u306f\u78ba\u4fdd\u3001\u4e0b\u306f\u30b9\u30e9\u30a4\u30c0\u30fc\u306b\u8fd1\u3065\u3051\u308b *\/\r\n  padding: 64px 20px 20px !important;\r\n  margin: 0 !important;\r\n}\r\n\r\n\r\n\/* WORKS *\/\r\n\r\n.irotas-works-en {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  gap: 18px;\r\n\r\n  margin: 0 0 12px !important;\r\n\r\n  color: #111a38;\r\n\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  line-height: 1;\r\n\r\n  letter-spacing: .34em;\r\n}\r\n\r\n.irotas-works-en span {\r\n  display: block;\r\n\r\n  width: 58px;\r\n  height: 1px;\r\n\r\n  background: #293552;\r\n}\r\n\r\n\r\n\/* \u5236\u4f5c\u5b9f\u7e3e *\/\r\n\r\n.irotas-works-title {\r\n  margin: 0 0 14px !important;\r\n\r\n  color: #081432;\r\n\r\n  font-size: 30px;\r\n  font-weight: 800;\r\n  line-height: 1.25;\r\n\r\n  letter-spacing: .05em;\r\n}\r\n\r\n.irotas-works-title span {\r\n  display: inline-block;\r\n\r\n  background: linear-gradient(\r\n    135deg,\r\n    #d849ef 10%,\r\n    #845dff 48%,\r\n    #37b9ff 90%\r\n  );\r\n\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n}\r\n\r\n\r\n\/* \u8aac\u660e *\/\r\n\r\n.irotas-works-lead {\r\n  margin: 0 !important;\r\n\r\n  color: #26304b;\r\n\r\n  font-size: 15px;\r\n  font-weight: 400;\r\n  line-height: 1.8;\r\n\r\n  letter-spacing: .05em;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SP\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .irotas-works-heading {\r\n    padding: 48px 18px 16px !important;\r\n  }\r\n\r\n  .irotas-works-en {\r\n    gap: 13px;\r\n\r\n    margin-bottom: 10px !important;\r\n\r\n    font-size: 12px;\r\n    letter-spacing: .30em;\r\n  }\r\n\r\n  .irotas-works-en span {\r\n    width: 38px;\r\n  }\r\n\r\n  .irotas-works-title {\r\n    margin-bottom: 12px !important;\r\n\r\n    font-size: 27px;\r\n  }\r\n\r\n  .irotas-works-lead {\r\n    max-width: 330px;\r\n\r\n    margin-left: auto !important;\r\n    margin-right: auto !important;\r\n\r\n    font-size: 15px;\r\n    line-height: 1.7;\r\n  }\r\n\r\n}\r\n\/* PC *\/\r\n.pc-only {\r\n  display: inline;\r\n}\r\n\r\n.sp-only {\r\n  display: none;\r\n}\r\n\r\n\/* SP *\/\r\n@media (max-width: 767px) {\r\n\r\n  .pc-only {\r\n    display: none;\r\n  }\r\n\r\n  .sp-only {\r\n    display: inline;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\n\n\n\n<div class=\"wp-block-group irotas-works-slider\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group irotas-work-item\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"http:\/\/irotas.online\/wp-content\/uploads\/2026\/09\/works-ranking.png\" alt=\"\" class=\"wp-image-102\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u30e9\u30f3\u30ad\u30f3\u30b0\u7cfb\u30b7\u30e7\u30fc\u30c8\u52d5\u753b<\/p>\n\n\n\n<div class=\"swell-block-button is-style-btn_normal\"><a href=\"https:\/\/youtube.com\/shorts\/jSOBSfvHgeU?feature=share&amp;utm_source=chatgpt.com\" class=\"swell-block-button__link\"><span>\u52d5\u753b\u3092\u898b\u308b<\/span><\/a><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group irotas-work-item\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"http:\/\/irotas.online\/wp-content\/uploads\/2026\/09\/works-ai.png\" alt=\"\" class=\"wp-image-100\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">AI\u30fb\u60c5\u5831\u7cfb\u30b7\u30e7\u30fc\u30c8\u52d5\u753b<\/p>\n\n\n\n<div class=\"swell-block-button is-style-btn_normal\"><a href=\"https:\/\/youtube.com\/shorts\/fWWOx5JEiSk?feature=share&amp;utm_source=chatgpt.com\" class=\"swell-block-button__link\"><span>\u52d5\u753b\u3092\u898b\u308b<\/span><\/a><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group irotas-work-item\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"http:\/\/irotas.online\/wp-content\/uploads\/2026\/09\/works-talk.png\" alt=\"\" class=\"wp-image-103\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u30c8\u30fc\u30af\u7cfb\u30b7\u30e7\u30fc\u30c8\u52d5\u753b<\/p>\n\n\n\n<div class=\"swell-block-button is-style-btn_normal\"><a href=\"https:\/\/youtube.com\/shorts\/PrD5h0lg_5g?feature=share&amp;utm_source=chatgpt.com\" class=\"swell-block-button__link\"><span>\u52d5\u753b\u3092\u898b\u308b<\/span><\/a><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group irotas-work-item\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"http:\/\/irotas.online\/wp-content\/uploads\/2026\/09\/works-beauty.png\" alt=\"\" class=\"wp-image-101\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u7f8e\u5bb9\u7cfb\u30b7\u30e7\u30fc\u30c8\u52d5\u753b<\/p>\n\n\n\n<div class=\"swell-block-button is-style-btn_normal\"><a href=\"https:\/\/youtube.com\/shorts\/yVRtrLRh_So?feature=share&amp;utm_source=chatgpt.com\" class=\"swell-block-button__link\"><span>\u52d5\u753b\u3092\u898b\u308b<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"irotas-works__controls\">\r\n\r\n  <button class=\"irotas-works__prev\" type=\"button\" aria-label=\"\u524d\u306e\u5236\u4f5c\u5b9f\u7e3e\">\r\n    \u2039\r\n  <\/button>\r\n\r\n  <div class=\"irotas-works__dots\"><\/div>\r\n\r\n  <button class=\"irotas-works__next\" type=\"button\" aria-label=\"\u6b21\u306e\u5236\u4f5c\u5b9f\u7e3e\">\r\n    \u203a\r\n  <\/button>\r\n\r\n<\/div>\r\n\r\n\r\n<style>\r\n\/* =========================================\r\n   IROTAS\uff5cWORKS SLIDER\r\n   COMPACT FINAL\r\n========================================= *\/\r\n\r\n.irotas-works-slider {\r\n  position: relative !important;\r\n\r\n  width: 100% !important;\r\n  max-width: 1040px !important;\r\n\r\n  margin: 0 auto !important;\r\n\r\n  padding: 18px 20px 20px !important;\r\n\r\n  border-radius: 26px !important;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 5% 15%,\r\n      rgba(255, 92, 174, .09),\r\n      transparent 25%\r\n    ),\r\n    radial-gradient(\r\n      circle at 95% 18%,\r\n      rgba(66, 190, 255, .10),\r\n      transparent 26%\r\n    ),\r\n    radial-gradient(\r\n      circle at 50% 100%,\r\n      rgba(139, 92, 246, .07),\r\n      transparent 28%\r\n    ),\r\n    #fff !important;\r\n\r\n  box-shadow:\r\n    0 14px 42px rgba(29, 39, 77, .06) !important;\r\n\r\n  overflow: visible !important;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SWELL INNER\r\n========================================= *\/\r\n\r\n.irotas-works-slider\r\n> .wp-block-group__inner-container {\r\n\r\n  display: block !important;\r\n\r\n  width: 100% !important;\r\n  max-width: 100% !important;\r\n\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   JS TRACK\r\n========================================= *\/\r\n\r\n.irotas-works__track {\r\n\r\n  display: flex !important;\r\n  flex-wrap: nowrap !important;\r\n  align-items: stretch !important;\r\n\r\n  gap: 18px !important;\r\n\r\n  width: 100% !important;\r\n\r\n  overflow-x: auto !important;\r\n  overflow-y: hidden !important;\r\n\r\n  margin: 0 !important;\r\n  padding: 4px 2px 12px !important;\r\n\r\n  scroll-behavior: smooth;\r\n  scroll-snap-type: x mandatory;\r\n\r\n  scrollbar-width: none;\r\n  -ms-overflow-style: none;\r\n}\r\n\r\n.irotas-works__track::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PC\uff1a3\u4f5c\u54c1\r\n========================================= *\/\r\n\r\n.irotas-works__track\r\n> .irotas-work-item {\r\n\r\n  position: relative !important;\r\n\r\n  flex: 0 0 calc((100% - 36px) \/ 3) !important;\r\n\r\n  width: calc((100% - 36px) \/ 3) !important;\r\n  min-width: 0 !important;\r\n  max-width: none !important;\r\n\r\n  margin: 0 !important;\r\n  padding: 8px 8px 10px !important;\r\n\r\n  border: 1px solid rgba(121, 112, 197, .10) !important;\r\n  border-radius: 19px !important;\r\n\r\n  background: rgba(255,255,255,.94) !important;\r\n\r\n  box-shadow:\r\n    0 8px 24px rgba(38, 45, 88, .07) !important;\r\n\r\n  scroll-snap-align: start;\r\n\r\n  overflow: hidden !important;\r\n\r\n  transition:\r\n    transform .28s ease,\r\n    box-shadow .28s ease !important;\r\n}\r\n\r\n\r\n\/* 1 *\/\r\n.irotas-works__track\r\n> .irotas-work-item:nth-child(1) {\r\n  background:\r\n    linear-gradient(\r\n      160deg,\r\n      rgba(255,237,247,.92),\r\n      #fff 32%\r\n    ) !important;\r\n}\r\n\r\n\r\n\/* 2 *\/\r\n.irotas-works__track\r\n> .irotas-work-item:nth-child(2) {\r\n  background:\r\n    linear-gradient(\r\n      160deg,\r\n      rgba(241,238,255,.92),\r\n      #fff 32%\r\n    ) !important;\r\n}\r\n\r\n\r\n\/* 3 *\/\r\n.irotas-works__track\r\n> .irotas-work-item:nth-child(3) {\r\n  background:\r\n    linear-gradient(\r\n      160deg,\r\n      rgba(234,247,255,.92),\r\n      #fff 32%\r\n    ) !important;\r\n}\r\n\r\n\r\n\/* 4 *\/\r\n.irotas-works__track\r\n> .irotas-work-item:nth-child(4) {\r\n  background:\r\n    linear-gradient(\r\n      160deg,\r\n      rgba(255,242,233,.92),\r\n      #fff 32%\r\n    ) !important;\r\n}\r\n\r\n\r\n@media (hover:hover) {\r\n\r\n  .irotas-works__track\r\n  > .irotas-work-item:hover {\r\n\r\n    transform: translateY(-4px) !important;\r\n\r\n    box-shadow:\r\n      0 14px 32px rgba(46,49,100,.11) !important;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================\r\n   ITEM INNER\r\n========================================= *\/\r\n\r\n.irotas-work-item\r\n> .wp-block-group__inner-container {\r\n\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   \u753b\u50cf\r\n========================================= *\/\r\n\r\n.irotas-work-item figure {\r\n\r\n  position: relative !important;\r\n\r\n  width: 100% !important;\r\n\r\n  aspect-ratio: 9 \/ 15 !important;\r\n\r\n  margin: 0 0 12px !important;\r\n\r\n  overflow: hidden !important;\r\n\r\n  border-radius: 13px !important;\r\n\r\n  background: #f5f5f5 !important;\r\n\r\n  box-shadow:\r\n    0 5px 16px rgba(22,30,65,.08) !important;\r\n}\r\n\r\n\r\n.irotas-work-item figure img {\r\n\r\n  display: block !important;\r\n\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n\r\n  object-fit: cover !important;\r\n\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n\r\n  transition: transform .4s ease !important;\r\n}\r\n\r\n\r\n@media (hover:hover) {\r\n\r\n  .irotas-work-item:hover figure img {\r\n    transform: scale(1.02) !important;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================\r\n   \u4f5c\u54c1\u30bf\u30a4\u30c8\u30eb\r\n========================================= *\/\r\n\r\n.irotas-work-item p {\r\n\r\n  position: relative !important;\r\n\r\n  margin: 0 4px 12px !important;\r\n  padding: 0 0 0 13px !important;\r\n\r\n  color: #101a38 !important;\r\n\r\n  font-size: 14px !important;\r\n  font-weight: 600 !important;\r\n  line-height: 1.6 !important;\r\n  letter-spacing: .035em !important;\r\n}\r\n\r\n\r\n.irotas-work-item p::before {\r\n\r\n  content: \"\" !important;\r\n\r\n  position: absolute !important;\r\n\r\n  left: 0 !important;\r\n  top: .35em !important;\r\n\r\n  width: 3px !important;\r\n  height: 1.05em !important;\r\n\r\n  border-radius: 999px !important;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      #ff5cac,\r\n      #8b5cf6,\r\n      #38bdf8\r\n    ) !important;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BUTTON WRAPPER\r\n========================================= *\/\r\n\r\n.irotas-work-item .swell-block-button {\r\n\r\n  width: 100% !important;\r\n\r\n  margin-top: auto !important;\r\n  margin-bottom: 0 !important;\r\n\r\n  padding: 0 2px 2px !important;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BUTTON\r\n========================================= *\/\r\n\r\n.irotas-work-item\r\n.swell-block-button__link {\r\n\r\n  position: relative !important;\r\n\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n\r\n  width: 100% !important;\r\n  max-width: none !important;\r\n\r\n  min-height: 43px !important;\r\n\r\n  box-sizing: border-box !important;\r\n\r\n  padding: 10px 46px 10px 20px !important;\r\n\r\n  border: 0 !important;\r\n  border-radius: 999px !important;\r\n\r\n  background:\r\n    linear-gradient(\r\n      110deg,\r\n      #ff6eaf 0%,\r\n      #bd63ef 42%,\r\n      #7b70f5 69%,\r\n      #52bff2 100%\r\n    ) !important;\r\n\r\n  color: #fff !important;\r\n\r\n  font-size: 13px !important;\r\n  font-weight: 700 !important;\r\n  line-height: 1.4 !important;\r\n  letter-spacing: .07em !important;\r\n\r\n  text-decoration: none !important;\r\n\r\n  box-shadow:\r\n    0 6px 16px rgba(132,92,238,.17) !important;\r\n\r\n  overflow: hidden !important;\r\n\r\n  transition:\r\n    transform .25s ease,\r\n    box-shadow .25s ease,\r\n    filter .25s ease !important;\r\n}\r\n\r\n\r\n\/* \u53f3\u4e38\u77e2\u5370 *\/\r\n\r\n.irotas-work-item\r\n.swell-block-button__link::after {\r\n\r\n  content: \"\u2192\" !important;\r\n\r\n  position: absolute !important;\r\n\r\n  right: 6px !important;\r\n  top: 50% !important;\r\n\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n\r\n  width: 31px !important;\r\n  height: 31px !important;\r\n\r\n  border-radius: 50% !important;\r\n\r\n  background: rgba(255,255,255,.95) !important;\r\n\r\n  color: #765ee9 !important;\r\n\r\n  font-size: 15px !important;\r\n  font-weight: 600 !important;\r\n\r\n  transform: translateY(-50%) !important;\r\n}\r\n\r\n\r\n@media (hover:hover) {\r\n\r\n  .irotas-work-item\r\n  .swell-block-button__link:hover {\r\n\r\n    color: #fff !important;\r\n\r\n    transform: translateY(-2px) !important;\r\n\r\n    filter: saturate(1.08) !important;\r\n\r\n    box-shadow:\r\n      0 9px 21px rgba(132,92,238,.25) !important;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CONTROLS\r\n========================================= *\/\r\n\r\n.irotas-works__controls {\r\n\r\n  position: static !important;\r\n\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n\r\n  width: 100% !important;\r\n\r\n  margin: 8px 0 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   \u5de6\u53f3\u77e2\u5370\r\n========================================= *\/\r\n\r\n.irotas-works__prev,\r\n.irotas-works__next {\r\n\r\n  position: absolute !important;\r\n  z-index: 20 !important;\r\n\r\n  top: 250px !important;\r\n\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n\r\n  width: 44px !important;\r\n  height: 44px !important;\r\n  min-width: 44px !important;\r\n\r\n  margin: 0 !important;\r\n  padding: 0 0 3px !important;\r\n\r\n  border:\r\n    1px solid rgba(127,103,231,.18) !important;\r\n\r\n  border-radius: 50% !important;\r\n\r\n  background: #fff !important;\r\n\r\n  color: #7b61e8 !important;\r\n\r\n  box-shadow:\r\n    0 7px 20px rgba(54,48,112,.12) !important;\r\n\r\n  font-family:\r\n    Georgia,\r\n    \"Times New Roman\",\r\n    serif !important;\r\n\r\n  font-size: 27px !important;\r\n  font-weight: 400 !important;\r\n  line-height: 1 !important;\r\n\r\n  transform: translateY(-50%) !important;\r\n\r\n  cursor: pointer !important;\r\n\r\n  appearance: none !important;\r\n  -webkit-appearance: none !important;\r\n}\r\n\r\n\r\n.irotas-works__prev {\r\n  left: -35px !important;\r\n}\r\n\r\n\r\n.irotas-works__next {\r\n  right: -35px !important;\r\n}\r\n\r\n\r\n.gly-salons__prev:hover,\r\n.gly-salons__next:hover,\r\n.irotas-works__prev:hover,\r\n.irotas-works__next:hover {\r\n\r\n  color: #fff !important;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #ff5da8,\r\n      #8b5cf6,\r\n      #38bdf8\r\n    ) !important;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   DOTS\r\n========================================= *\/\r\n\r\n.irotas-works__dots {\r\n\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n\r\n  gap: 7px !important;\r\n\r\n  min-height: 16px !important;\r\n\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n\r\n.irotas-works__dot {\r\n\r\n  display: block !important;\r\n\r\n  flex: none !important;\r\n\r\n  width: 6px !important;\r\n  height: 6px !important;\r\n\r\n  min-width: 0 !important;\r\n  min-height: 0 !important;\r\n\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n\r\n  border: 0 !important;\r\n  border-radius: 50% !important;\r\n\r\n  background: #deddf3 !important;\r\n\r\n  box-shadow: none !important;\r\n\r\n  font-size: 0 !important;\r\n  line-height: 0 !important;\r\n\r\n  cursor: pointer !important;\r\n\r\n  appearance: none !important;\r\n  -webkit-appearance: none !important;\r\n}\r\n\r\n\r\n.irotas-works__dot.is-active {\r\n\r\n  width: 21px !important;\r\n  height: 6px !important;\r\n\r\n  border-radius: 999px !important;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #ff5da8,\r\n      #8b5cf6,\r\n      #38bdf8\r\n    ) !important;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .irotas-works-slider {\r\n\r\n    width: 100% !important;\r\n    max-width: none !important;\r\n\r\n    padding: 14px 0 18px 12px !important;\r\n\r\n    border-radius: 21px !important;\r\n\r\n    overflow: visible !important;\r\n  }\r\n\r\n\r\n  .irotas-works__track {\r\n\r\n    gap: 12px !important;\r\n\r\n    padding:\r\n      3px\r\n      44px\r\n      11px\r\n      0 !important;\r\n  }\r\n\r\n\r\n  .irotas-works__track\r\n  > .irotas-work-item {\r\n\r\n    flex: 0 0 82% !important;\r\n\r\n    width: 82% !important;\r\n    max-width: 290px !important;\r\n\r\n    padding: 7px 7px 9px !important;\r\n\r\n    border-radius: 17px !important;\r\n  }\r\n\r\n\r\n  .irotas-work-item figure {\r\n\r\n    margin-bottom: 11px !important;\r\n\r\n    border-radius: 12px !important;\r\n  }\r\n\r\n\r\n  .irotas-work-item p {\r\n\r\n    margin: 0 4px 11px !important;\r\n\r\n    padding-left: 12px !important;\r\n\r\n    font-size: 15px !important;\r\n    line-height: 1.6 !important;\r\n  }\r\n\r\n\r\n  .irotas-work-item\r\n  .swell-block-button__link {\r\n\r\n    min-height: 43px !important;\r\n\r\n    padding:\r\n      10px\r\n      45px\r\n      10px\r\n      18px !important;\r\n\r\n    font-size: 14px !important;\r\n  }\r\n\r\n\r\n  .irotas-work-item\r\n  .swell-block-button__link::after {\r\n\r\n    right: 6px !important;\r\n\r\n    width: 30px !important;\r\n    height: 30px !important;\r\n\r\n    font-size: 15px !important;\r\n  }\r\n\r\n\r\n  .irotas-works__prev,\r\n  .irotas-works__next {\r\n\r\n    top: 230px !important;\r\n\r\n    width: 36px !important;\r\n    height: 36px !important;\r\n    min-width: 36px !important;\r\n\r\n    font-size: 23px !important;\r\n  }\r\n\r\n\r\n  .irotas-works__prev {\r\n    left: -4px !important;\r\n  }\r\n\r\n\r\n  .irotas-works__next {\r\n    right: -3px !important;\r\n  }\r\n\r\n\r\n  .irotas-works__controls {\r\n    margin-top: 6px !important;\r\n  }\r\n\r\n\r\n  .irotas-works__dots {\r\n    gap: 6px !important;\r\n  }\r\n\r\n\r\n  .irotas-works__dot {\r\n\r\n    width: 6px !important;\r\n    height: 6px !important;\r\n  }\r\n\r\n\r\n  .irotas-works__dot.is-active {\r\n\r\n    width: 18px !important;\r\n    height: 6px !important;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n  function initIrotasWorks() {\r\n\r\n    const slider =\r\n      document.querySelector(\".irotas-works-slider\");\r\n\r\n    if (\r\n      !slider ||\r\n      slider.dataset.sliderReady === \"true\"\r\n    ) {\r\n      return;\r\n    }\r\n\r\n\r\n    const inner =\r\n      slider.querySelector(\r\n        \":scope > .wp-block-group__inner-container\"\r\n      ) || slider;\r\n\r\n\r\n    const cards =\r\n      Array.from(inner.children).filter(function (el) {\r\n\r\n        return (\r\n          el.classList &&\r\n          el.classList.contains(\"irotas-work-item\")\r\n        );\r\n\r\n      });\r\n\r\n\r\n    const controls =\r\n      slider.querySelector(\".irotas-works__controls\") ||\r\n      document.querySelector(\".irotas-works__controls\");\r\n\r\n\r\n    if (\r\n      cards.length === 0 ||\r\n      !controls\r\n    ) {\r\n      return;\r\n    }\r\n\r\n\r\n    const prev =\r\n      controls.querySelector(\".irotas-works__prev\");\r\n\r\n    const next =\r\n      controls.querySelector(\".irotas-works__next\");\r\n\r\n    const dotsArea =\r\n      controls.querySelector(\".irotas-works__dots\");\r\n\r\n\r\n    if (\r\n      !prev ||\r\n      !next ||\r\n      !dotsArea\r\n    ) {\r\n      return;\r\n    }\r\n\r\n\r\n    slider.dataset.sliderReady = \"true\";\r\n\r\n\r\n    const track =\r\n      document.createElement(\"div\");\r\n\r\n    track.className =\r\n      \"irotas-works__track\";\r\n\r\n\r\n    inner.insertBefore(\r\n      track,\r\n      cards[0]\r\n    );\r\n\r\n\r\n    cards.forEach(function (card) {\r\n      track.appendChild(card);\r\n    });\r\n\r\n\r\n    slider.appendChild(controls);\r\n\r\n\r\n    let current = 0;\r\n\r\n\r\n    function visibleCards() {\r\n\r\n      return window.innerWidth <= 767\r\n        ? 1\r\n        : 3;\r\n\r\n    }\r\n\r\n\r\n    function maxIndex() {\r\n\r\n      return Math.max(\r\n        0,\r\n        cards.length - visibleCards()\r\n      );\r\n\r\n    }\r\n\r\n\r\n    function stepWidth() {\r\n\r\n      if (!cards[0]) {\r\n        return 0;\r\n      }\r\n\r\n\r\n      const style =\r\n        window.getComputedStyle(track);\r\n\r\n\r\n      const gap =\r\n        parseFloat(style.columnGap) ||\r\n        parseFloat(style.gap) ||\r\n        0;\r\n\r\n\r\n      return (\r\n        cards[0]\r\n          .getBoundingClientRect()\r\n          .width\r\n        +\r\n        gap\r\n      );\r\n\r\n    }\r\n\r\n\r\n    function goTo(index, smooth) {\r\n\r\n      current =\r\n        Math.max(\r\n          0,\r\n          Math.min(\r\n            index,\r\n            maxIndex()\r\n          )\r\n        );\r\n\r\n\r\n      track.scrollTo({\r\n\r\n        left:\r\n          current * stepWidth(),\r\n\r\n        behavior:\r\n          smooth === false\r\n            ? \"auto\"\r\n            : \"smooth\"\r\n\r\n      });\r\n\r\n\r\n      updateDots();\r\n\r\n    }\r\n\r\n\r\n    function makeDots() {\r\n\r\n      dotsArea.innerHTML = \"\";\r\n\r\n\r\n      const total =\r\n        maxIndex() + 1;\r\n\r\n\r\n      for (\r\n        let i = 0;\r\n        i < total;\r\n        i++\r\n      ) {\r\n\r\n        const dot =\r\n          document.createElement(\"button\");\r\n\r\n\r\n        dot.type = \"button\";\r\n\r\n        dot.className =\r\n          \"irotas-works__dot\";\r\n\r\n\r\n        dot.setAttribute(\r\n          \"aria-label\",\r\n          (i + 1) +\r\n          \"\u756a\u76ee\u306e\u5236\u4f5c\u5b9f\u7e3e\u3092\u898b\u308b\"\r\n        );\r\n\r\n\r\n        dot.addEventListener(\r\n          \"click\",\r\n          function () {\r\n            goTo(i);\r\n          }\r\n        );\r\n\r\n\r\n        dotsArea.appendChild(dot);\r\n\r\n      }\r\n\r\n\r\n      updateDots();\r\n\r\n    }\r\n\r\n\r\n    function updateDots() {\r\n\r\n      dotsArea\r\n        .querySelectorAll(\r\n          \".irotas-works__dot\"\r\n        )\r\n        .forEach(\r\n          function (dot, index) {\r\n\r\n            dot.classList.toggle(\r\n              \"is-active\",\r\n              index === current\r\n            );\r\n\r\n          }\r\n        );\r\n\r\n    }\r\n\r\n\r\n    prev.addEventListener(\r\n      \"click\",\r\n      function () {\r\n\r\n        if (current === 0) {\r\n          goTo(maxIndex());\r\n        } else {\r\n          goTo(current - 1);\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n\r\n    next.addEventListener(\r\n      \"click\",\r\n      function () {\r\n\r\n        if (\r\n          current >= maxIndex()\r\n        ) {\r\n          goTo(0);\r\n        } else {\r\n          goTo(current + 1);\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n\r\n    let scrollTimer;\r\n\r\n\r\n    track.addEventListener(\r\n      \"scroll\",\r\n      function () {\r\n\r\n        clearTimeout(scrollTimer);\r\n\r\n\r\n        scrollTimer =\r\n          setTimeout(\r\n            function () {\r\n\r\n              const step =\r\n                stepWidth();\r\n\r\n\r\n              if (!step) {\r\n                return;\r\n              }\r\n\r\n\r\n              current =\r\n                Math.round(\r\n                  track.scrollLeft \/\r\n                  step\r\n                );\r\n\r\n\r\n              current =\r\n                Math.max(\r\n                  0,\r\n                  Math.min(\r\n                    current,\r\n                    maxIndex()\r\n                  )\r\n                );\r\n\r\n\r\n              updateDots();\r\n\r\n            },\r\n            100\r\n          );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    let resizeTimer;\r\n\r\n\r\n    window.addEventListener(\r\n      \"resize\",\r\n      function () {\r\n\r\n        clearTimeout(resizeTimer);\r\n\r\n\r\n        resizeTimer =\r\n          setTimeout(\r\n            function () {\r\n\r\n              current = 0;\r\n\r\n\r\n              track.scrollTo({\r\n                left: 0,\r\n                behavior: \"auto\"\r\n              });\r\n\r\n\r\n              makeDots();\r\n\r\n            },\r\n            180\r\n          );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    makeDots();\r\n\r\n    goTo(\r\n      0,\r\n      false\r\n    );\r\n\r\n  }\r\n\r\n\r\n  if (\r\n    document.readyState === \"loading\"\r\n  ) {\r\n\r\n    document.addEventListener(\r\n      \"DOMContentLoaded\",\r\n      initIrotasWorks\r\n    );\r\n\r\n  } else {\r\n\r\n    initIrotasWorks();\r\n\r\n  }\r\n\r\n\r\n  window.addEventListener(\r\n    \"load\",\r\n    initIrotasWorks\r\n  );\r\n\r\n})();\r\n<\/script>\n<\/div><\/div>\n\n\n\n<!-- =========================================\r\n     IROTAS\uff5cFAQ\r\n========================================= -->\r\n<section class=\"irotas-faq\">\r\n\r\n  <div class=\"irotas-faq__inner\">\r\n\r\n    <!-- \u898b\u51fa\u3057 -->\r\n    <div class=\"irotas-faq__heading\">\r\n\r\n      <div class=\"irotas-faq__en\">\r\n        <span><\/span>\r\n        FAQ\r\n        <span><\/span>\r\n      <\/div>\r\n\r\n      <div class=\"irotas-faq__title\">\r\n        \u3088\u304f\u3042\u308b<span>\u3054\u8cea\u554f<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"irotas-faq__lead\">\r\n        \u3054\u4f9d\u983c\u524d\u306b\u3088\u304f\u3044\u305f\u3060\u304f\u3054\u8cea\u554f\u3092\u307e\u3068\u3081\u307e\u3057\u305f\u3002\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- FAQ\u4e00\u89a7 -->\r\n    <div class=\"irotas-faq__list\">\r\n\r\n\r\n      <!-- 01 -->\r\n      <details class=\"irotas-faq__item\">\r\n        <summary class=\"irotas-faq__question\">\r\n\r\n          <span class=\"irotas-faq__q\">Q<\/span>\r\n\r\n          <span class=\"irotas-faq__question-text\">\r\n            \u52d5\u753b\u7de8\u96c6\u3092\u4f9d\u983c\u3059\u308b\u306e\u304c\u521d\u3081\u3066\u3067\u3082\u5927\u4e08\u592b\u3067\u3059\u304b\uff1f\r\n          <\/span>\r\n\r\n          <span class=\"irotas-faq__icon\"><\/span>\r\n\r\n        <\/summary>\r\n\r\n        <div class=\"irotas-faq__answer\">\r\n\r\n          <span class=\"irotas-faq__a\">A<\/span>\r\n\r\n          <div class=\"irotas-faq__answer-text\">\r\n            \u306f\u3044\u3001\u5927\u4e08\u592b\u3067\u3059\u3002\u3054\u5e0c\u671b\u306e\u30a4\u30e1\u30fc\u30b8\u3084\u76ee\u7684\u3092\u30d2\u30a2\u30ea\u30f3\u30b0\u3057\u3001\u5185\u5bb9\u3092\u3054\u63d0\u6848\u3057\u306a\u304c\u3089\u9032\u3081\u307e\u3059\u3002\u300c\u3069\u3046\u3044\u3046\u52d5\u753b\u306b\u3057\u305f\u3089\u3044\u3044\u304b\u308f\u304b\u3089\u306a\u3044\u300d\u3068\u3044\u3046\u6bb5\u968e\u3067\u3082\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/details>\r\n\r\n\r\n      <!-- 02 -->\r\n      <details class=\"irotas-faq__item\">\r\n        <summary class=\"irotas-faq__question\">\r\n\r\n          <span class=\"irotas-faq__q\">Q<\/span>\r\n\r\n          <span class=\"irotas-faq__question-text\">\r\n            \u7d20\u6750\u306f\u3069\u306e\u3088\u3046\u306b\u6e21\u305b\u3070\u3044\u3044\u3067\u3059\u304b\uff1f\r\n          <\/span>\r\n\r\n          <span class=\"irotas-faq__icon\"><\/span>\r\n\r\n        <\/summary>\r\n\r\n        <div class=\"irotas-faq__answer\">\r\n\r\n          <span class=\"irotas-faq__a\">A<\/span>\r\n\r\n          <div class=\"irotas-faq__answer-text\">\r\n            \u52d5\u753b\u30fb\u5199\u771f\u30fb\u30ed\u30b4\u306a\u3069\u306e\u7d20\u6750\u3092\u3054\u5171\u6709\u3044\u305f\u3060\u304d\u3001\u5185\u5bb9\u3092\u78ba\u8a8d\u3057\u305f\u3046\u3048\u3067\u5236\u4f5c\u3092\u958b\u59cb\u3057\u307e\u3059\u3002\u5171\u6709\u65b9\u6cd5\u306b\u3064\u3044\u3066\u3082\u3054\u6848\u5185\u3044\u305f\u3057\u307e\u3059\u3002\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/details>\r\n\r\n\r\n      <!-- 03 -->\r\n      <details class=\"irotas-faq__item\">\r\n        <summary class=\"irotas-faq__question\">\r\n\r\n          <span class=\"irotas-faq__q\">Q<\/span>\r\n\r\n          <span class=\"irotas-faq__question-text\">\r\n            \u4fee\u6b63\u306f\u304a\u9858\u3044\u3067\u304d\u307e\u3059\u304b\uff1f\r\n          <\/span>\r\n\r\n          <span class=\"irotas-faq__icon\"><\/span>\r\n\r\n        <\/summary>\r\n\r\n        <div class=\"irotas-faq__answer\">\r\n\r\n          <span class=\"irotas-faq__a\">A<\/span>\r\n\r\n          <div class=\"irotas-faq__answer-text\">\r\n            \u306f\u3044\u3001\u5bfe\u5fdc\u53ef\u80fd\u3067\u3059\u3002\u4fee\u6b63\u56de\u6570\u3084\u5bfe\u5fdc\u7bc4\u56f2\u306b\u3064\u3044\u3066\u306f\u3001\u3054\u4f9d\u983c\u5185\u5bb9\u30fb\u30d7\u30e9\u30f3\u306b\u5fdc\u3058\u3066\u4e8b\u524d\u306b\u3054\u6848\u5185\u3044\u305f\u3057\u307e\u3059\u3002\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/details>\r\n\r\n\r\n      <!-- 04 -->\r\n      <details class=\"irotas-faq__item\">\r\n        <summary class=\"irotas-faq__question\">\r\n\r\n          <span class=\"irotas-faq__q\">Q<\/span>\r\n\r\n          <span class=\"irotas-faq__question-text\">\r\n            \u7d0d\u671f\u306f\u3069\u306e\u304f\u3089\u3044\u3067\u3059\u304b\uff1f\r\n          <\/span>\r\n\r\n          <span class=\"irotas-faq__icon\"><\/span>\r\n\r\n        <\/summary>\r\n\r\n        <div class=\"irotas-faq__answer\">\r\n\r\n          <span class=\"irotas-faq__a\">A<\/span>\r\n\r\n          <div class=\"irotas-faq__answer-text\">\r\n            \u52d5\u753b\u306e\u9577\u3055\u3084\u7de8\u96c6\u5185\u5bb9\u306b\u3088\u3063\u3066\u7570\u306a\u308a\u307e\u3059\u3002\u3054\u5e0c\u671b\u306e\u7d0d\u671f\u3092\u30d2\u30a2\u30ea\u30f3\u30b0\u3057\u305f\u3046\u3048\u3067\u3001\u5236\u4f5c\u958b\u59cb\u524d\u306b\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u3092\u3054\u6848\u5185\u3057\u307e\u3059\u3002\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/details>\r\n\r\n\r\n      <!-- 05 -->\r\n      <details class=\"irotas-faq__item\">\r\n        <summary class=\"irotas-faq__question\">\r\n\r\n          <span class=\"irotas-faq__q\">Q<\/span>\r\n\r\n          <span class=\"irotas-faq__question-text\">\r\n            \u7d99\u7d9a\u3057\u3066\u52d5\u753b\u7de8\u96c6\u3092\u304a\u9858\u3044\u3067\u304d\u307e\u3059\u304b\uff1f\r\n          <\/span>\r\n\r\n          <span class=\"irotas-faq__icon\"><\/span>\r\n\r\n        <\/summary>\r\n\r\n        <div class=\"irotas-faq__answer\">\r\n\r\n          <span class=\"irotas-faq__a\">A<\/span>\r\n\r\n          <div class=\"irotas-faq__answer-text\">\r\n            \u306f\u3044\u3002YouTube\u3084SNS\u306a\u3069\u3001\u7d99\u7d9a\u7684\u306a\u52d5\u753b\u5236\u4f5c\u306b\u3082\u5bfe\u5fdc\u3057\u3066\u3044\u307e\u3059\u3002\u6295\u7a3f\u672c\u6570\u3084\u5185\u5bb9\u306b\u5408\u308f\u305b\u3066\u3054\u76f8\u8ac7\u3044\u305f\u3060\u3051\u307e\u3059\u3002\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/details>\r\n\r\n\r\n      <!-- 06 -->\r\n      <details class=\"irotas-faq__item\">\r\n        <summary class=\"irotas-faq__question\">\r\n\r\n          <span class=\"irotas-faq__q\">Q<\/span>\r\n\r\n          <span class=\"irotas-faq__question-text\">\r\n            SNS\u904b\u7528\u3082\u304a\u9858\u3044\u3067\u304d\u307e\u3059\u304b\uff1f\r\n          <\/span>\r\n\r\n          <span class=\"irotas-faq__icon\"><\/span>\r\n\r\n        <\/summary>\r\n\r\n        <div class=\"irotas-faq__answer\">\r\n\r\n          <span class=\"irotas-faq__a\">A<\/span>\r\n\r\n          <div class=\"irotas-faq__answer-text\">\r\n            \u306f\u3044\u3002\u52d5\u753b\u5236\u4f5c\u3060\u3051\u3067\u306a\u304f\u3001SNS\u904b\u7528\u30fb\u904b\u7528\u4ee3\u884c\u306b\u3082\u5bfe\u5fdc\u3057\u3066\u3044\u307e\u3059\u3002\u521d\u56de\u9650\u5b9a\u306e2\u9031\u9593\u30c8\u30e9\u30a4\u30a2\u30eb\u3082\u3054\u7528\u610f\u3057\u3066\u3044\u307e\u3059\u3002\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/details>\r\n\r\n\r\n      <!-- 07 -->\r\n      <details class=\"irotas-faq__item\">\r\n        <summary class=\"irotas-faq__question\">\r\n\r\n          <span class=\"irotas-faq__q\">Q<\/span>\r\n\r\n          <span class=\"irotas-faq__question-text\">\r\n            \u898b\u7a4d\u3082\u308a\u3084\u76f8\u8ac7\u3060\u3051\u3067\u3082\u5927\u4e08\u592b\u3067\u3059\u304b\uff1f\r\n          <\/span>\r\n\r\n          <span class=\"irotas-faq__icon\"><\/span>\r\n\r\n        <\/summary>\r\n\r\n        <div class=\"irotas-faq__answer\">\r\n\r\n          <span class=\"irotas-faq__a\">A<\/span>\r\n\r\n          <div class=\"irotas-faq__answer-text\">\r\n            \u306f\u3044\u3002\u307e\u305a\u306f\u3054\u76f8\u8ac7\u5185\u5bb9\u3092\u304a\u4f3a\u3044\u3057\u3001\u3054\u5e0c\u671b\u306b\u5408\u308f\u305b\u3066\u304a\u898b\u7a4d\u3082\u308a\u3044\u305f\u3057\u307e\u3059\u3002\u304a\u6c17\u8efd\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/details>\r\n\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* =========================================\r\n   IROTAS\uff5cFAQ\r\n========================================= *\/\r\n\r\n.irotas-faq {\r\n  position: relative;\r\n  overflow: hidden;\r\n\r\n  padding: 82px 20px 90px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 5% 15%,\r\n      rgba(255, 101, 171, .08),\r\n      transparent 32%\r\n    ),\r\n    radial-gradient(\r\n      circle at 95% 82%,\r\n      rgba(75, 182, 255, .09),\r\n      transparent 34%\r\n    ),\r\n    #fff;\r\n}\r\n\r\n.irotas-faq *,\r\n.irotas-faq *::before,\r\n.irotas-faq *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.irotas-faq__inner {\r\n  width: 100%;\r\n  max-width: 960px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   \u898b\u51fa\u3057\r\n========================================= *\/\r\n\r\n.irotas-faq__heading {\r\n  text-align: center;\r\n  margin-bottom: 46px;\r\n}\r\n\r\n.irotas-faq__en {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  gap: 18px;\r\n\r\n  margin-bottom: 12px;\r\n\r\n  color: #111a38;\r\n\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  line-height: 1;\r\n  letter-spacing: .38em;\r\n}\r\n\r\n.irotas-faq__en span {\r\n  display: block;\r\n\r\n  width: 60px;\r\n  height: 1px;\r\n\r\n  background: #293552;\r\n}\r\n\r\n\r\n\/* \u30bf\u30a4\u30c8\u30eb\r\n   \u4ed6\u30bb\u30af\u30b7\u30e7\u30f3\u3068\u7d71\u4e00 *\/\r\n.irotas-faq__title {\r\n  margin-bottom: 16px;\r\n\r\n  color: #081432;\r\n\r\n  font-size: 32px;\r\n  font-weight: 800;\r\n  line-height: 1.3;\r\n  letter-spacing: .05em;\r\n}\r\n\r\n.irotas-faq__title span {\r\n  display: inline-block;\r\n\r\n  background: linear-gradient(\r\n    135deg,\r\n    #d849ef 10%,\r\n    #845dff 48%,\r\n    #37b9ff 90%\r\n  );\r\n\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.irotas-faq__lead {\r\n  color: #26304b;\r\n\r\n  font-size: 15px;\r\n  line-height: 1.8;\r\n  letter-spacing: .04em;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   FAQ\u4e00\u89a7\r\n========================================= *\/\r\n\r\n.irotas-faq__list {\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  gap: 13px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   FAQ ITEM\r\n========================================= *\/\r\n\r\n.irotas-faq__item {\r\n  position: relative;\r\n\r\n  margin: 0;\r\n\r\n  overflow: hidden;\r\n\r\n  border: 1px solid rgba(38, 48, 75, .10);\r\n  border-radius: 16px;\r\n\r\n  background: rgba(255, 255, 255, .94);\r\n\r\n  box-shadow:\r\n    0 8px 28px rgba(31, 42, 72, .055);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   \u8cea\u554f\r\n========================================= *\/\r\n\r\n.irotas-faq__question {\r\n  position: relative;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  gap: 18px;\r\n\r\n  min-height: 76px;\r\n\r\n  padding: 17px 66px 17px 22px;\r\n\r\n  list-style: none;\r\n\r\n  cursor: pointer;\r\n}\r\n\r\n.irotas-faq__question::-webkit-details-marker {\r\n  display: none;\r\n}\r\n\r\n.irotas-faq__question::marker {\r\n  display: none;\r\n  content: \"\";\r\n}\r\n\r\n\r\n\/* Q *\/\r\n.irotas-faq__q {\r\n  flex: none;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 38px;\r\n  height: 38px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: linear-gradient(\r\n    135deg,\r\n    #ff5ca8 0%,\r\n    #a45dff 52%,\r\n    #48baff 100%\r\n  );\r\n\r\n  color: #fff;\r\n\r\n  font-size: 17px;\r\n  font-weight: 800;\r\n  line-height: 1;\r\n\r\n  box-shadow:\r\n    0 5px 15px rgba(147, 91, 255, .16);\r\n}\r\n\r\n.irotas-faq__question-text {\r\n  color: #0c1837;\r\n\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  line-height: 1.65;\r\n  letter-spacing: .025em;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   \uff0b \u2212\r\n========================================= *\/\r\n\r\n.irotas-faq__icon {\r\n  position: absolute;\r\n\r\n  top: 50%;\r\n  right: 24px;\r\n\r\n  width: 22px;\r\n  height: 22px;\r\n\r\n  transform: translateY(-50%);\r\n}\r\n\r\n.irotas-faq__icon::before,\r\n.irotas-faq__icon::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  top: 50%;\r\n  left: 50%;\r\n\r\n  border-radius: 99px;\r\n\r\n  background: #8b65ed;\r\n\r\n  transform: translate(-50%, -50%);\r\n\r\n  transition: transform .25s ease;\r\n}\r\n\r\n.irotas-faq__icon::before {\r\n  width: 17px;\r\n  height: 2px;\r\n}\r\n\r\n.irotas-faq__icon::after {\r\n  width: 2px;\r\n  height: 17px;\r\n}\r\n\r\n.irotas-faq__item[open]\r\n.irotas-faq__icon::after {\r\n  transform:\r\n    translate(-50%, -50%)\r\n    rotate(90deg);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   \u56de\u7b54\r\n========================================= *\/\r\n\r\n.irotas-faq__answer {\r\n  display: flex;\r\n  align-items: flex-start;\r\n\r\n  gap: 18px;\r\n\r\n  margin: 0 22px;\r\n\r\n  padding: 20px 0 23px;\r\n\r\n  border-top: 1px solid rgba(38, 48, 75, .08);\r\n}\r\n\r\n\r\n\/* A *\/\r\n.irotas-faq__a {\r\n  flex: none;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 38px;\r\n  height: 38px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: #f3efff;\r\n\r\n  color: #7c58df;\r\n\r\n  font-size: 17px;\r\n  font-weight: 800;\r\n  line-height: 1;\r\n}\r\n\r\n.irotas-faq__answer-text {\r\n  padding-top: 6px;\r\n\r\n  color: #39415a;\r\n\r\n  font-size: 15px;\r\n  font-weight: 400;\r\n  line-height: 1.9;\r\n  letter-spacing: .025em;\r\n}\r\n\r\n\r\n\/* \u958b\u3044\u305f\u6642 *\/\r\n.irotas-faq__item[open] {\r\n  border-color: rgba(142, 94, 238, .17);\r\n\r\n  box-shadow:\r\n    0 10px 32px rgba(83, 70, 139, .08);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .irotas-faq {\r\n    padding: 64px 16px 70px;\r\n  }\r\n\r\n\r\n  \/* \u898b\u51fa\u3057 *\/\r\n  .irotas-faq__heading {\r\n    margin-bottom: 32px;\r\n  }\r\n\r\n  .irotas-faq__en {\r\n    gap: 14px;\r\n\r\n    margin-bottom: 11px;\r\n\r\n    font-size: 12px;\r\n  }\r\n\r\n  .irotas-faq__en span {\r\n    width: 42px;\r\n  }\r\n\r\n  .irotas-faq__title {\r\n    margin-bottom: 13px;\r\n\r\n    font-size: 28px;\r\n  }\r\n\r\n  .irotas-faq__lead {\r\n    max-width: 330px;\r\n\r\n    margin: 0 auto;\r\n\r\n    font-size: 15px;\r\n    line-height: 1.75;\r\n  }\r\n\r\n\r\n  \/* FAQ *\/\r\n  .irotas-faq__list {\r\n    gap: 10px;\r\n  }\r\n\r\n  .irotas-faq__item {\r\n    border-radius: 13px;\r\n  }\r\n\r\n  .irotas-faq__question {\r\n    gap: 12px;\r\n\r\n    min-height: 68px;\r\n\r\n    padding:\r\n      14px\r\n      48px\r\n      14px\r\n      14px;\r\n  }\r\n\r\n  .irotas-faq__q {\r\n    width: 34px;\r\n    height: 34px;\r\n\r\n    font-size: 15px;\r\n  }\r\n\r\n  .irotas-faq__question-text {\r\n    font-size: 15px;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  .irotas-faq__icon {\r\n    right: 15px;\r\n\r\n    width: 19px;\r\n    height: 19px;\r\n  }\r\n\r\n  .irotas-faq__icon::before {\r\n    width: 15px;\r\n  }\r\n\r\n  .irotas-faq__icon::after {\r\n    height: 15px;\r\n  }\r\n\r\n\r\n  \/* \u56de\u7b54 *\/\r\n  .irotas-faq__answer {\r\n    gap: 12px;\r\n\r\n    margin: 0 14px;\r\n\r\n    padding: 17px 0 19px;\r\n  }\r\n\r\n  .irotas-faq__a {\r\n    width: 34px;\r\n    height: 34px;\r\n\r\n    font-size: 15px;\r\n  }\r\n\r\n  .irotas-faq__answer-text {\r\n    padding-top: 3px;\r\n\r\n    font-size: 15px;\r\n    line-height: 1.8;\r\n  }\r\n\r\n}\r\n<\/style>\n\n\n\n<!-- =========================================\r\n     IROTAS\uff5cPROFILE\r\n========================================= -->\r\n<section class=\"irotas-profile\">\r\n\r\n  <div class=\"irotas-profile__inner\">\r\n\r\n    <!-- IMAGE -->\r\n    <div class=\"irotas-profile__visual\">\r\n\r\n      <div class=\"irotas-profile__circle irotas-profile__circle--pink\"><\/div>\r\n      <div class=\"irotas-profile__circle irotas-profile__circle--blue\"><\/div>\r\n\r\n      <img decoding=\"async\"\r\n        src=\"http:\/\/irotas.online\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-2026\u5e749\u670820\u65e5-05_25_39.png\"\r\n        alt=\"\u52d5\u753b\u30af\u30ea\u30a8\u30a4\u30bf\u30fc \u5f69\u308a\u871c\u67d1\"\r\n        class=\"irotas-profile__image\"\r\n      >\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- TEXT -->\r\n    <div class=\"irotas-profile__content\">\r\n\r\n      <div class=\"irotas-profile__en\">\r\n        PROFILE\r\n      <\/div>\r\n\r\n      <div class=\"irotas-profile__job\">\r\n        \u52d5\u753b\u30af\u30ea\u30a8\u30a4\u30bf\u30fc\uff0fSNS\u30c7\u30a3\u30ec\u30af\u30bf\u30fc\r\n      <\/div>\r\n\r\n      <div class=\"irotas-profile__name\">\r\n        \u5f69\u308a\u871c\u67d1\r\n      <\/div>\r\n\r\n      <div class=\"irotas-profile__line\"><\/div>\r\n\r\n\r\n      <div class=\"irotas-profile__text\">\r\n\r\n        <p>\r\n          \u6620\u50cf\u30fb\u97f3\u697d\u5206\u91ce\u306e\u5c02\u9580\u5b66\u6821\u5352\u696d\u5f8c\u3001\u6620\u50cf\u5236\u4f5c\u4f1a\u793e\u306b\u5165\u793e\u3002\r\n        <\/p>\r\n\r\n        <p>\r\n          \u30c6\u30ec\u30d3\u5236\u4f5c\u73fe\u5834\u3067\u57f9\u3063\u305f\u7de8\u96c6\u529b\u3092\u6d3b\u304b\u3057\u3001\u73fe\u5728\u306f\u30d5\u30ea\u30fc\u30e9\u30f3\u30b9\u3068\u3057\u3066<br class=\"pc-only\">\r\n          SNS\u3084\u4f01\u696d\u306e\u6620\u50cf\u5236\u4f5c\u30fb\u904b\u7528\u3092\u30b5\u30dd\u30fc\u30c8\u3002\r\n        <\/p>\r\n\r\n        <p>\r\n          \u305f\u3060\u52d5\u753b\u3092\u7de8\u96c6\u3059\u308b\u306e\u3067\u306f\u306a\u304f\u3001\u6210\u679c\u3092\u610f\u8b58\u3057\u305f\u69cb\u6210\u30fb\u6f14\u51fa\u30fb\u7d0d\u671f\u7ba1\u7406\u3092\u5fb9\u5e95\u3002\r\n        <\/p>\r\n\r\n        <p>\r\n          \u304a\u5ba2\u69d8\u306e\u60f3\u3044\u3092\u4e01\u5be7\u306b\u30d2\u30a2\u30ea\u30f3\u30b0\u3057\u3001\u4f1d\u308f\u308b\u6620\u50cf\u3092\u4e00\u7dd2\u306b\u5275\u308b\u3002\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"irotas-profile__message\">\r\n        \u6620\u50cf\u3067\u3001\u3082\u3063\u3068\u53ef\u80fd\u6027\u3092\u5e83\u3052\u3088\u3046\u3002\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* =========================================\r\n   IROTAS\uff5cPROFILE\r\n========================================= *\/\r\n\r\n.irotas-profile {\r\n  position: relative;\r\n  width: 100%;\r\n  overflow: hidden;\r\n\r\n  padding: 82px 30px 88px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 8% 28%,\r\n      rgba(255, 218, 232, .38),\r\n      transparent 30%\r\n    ),\r\n    radial-gradient(\r\n      circle at 92% 70%,\r\n      rgba(213, 239, 255, .45),\r\n      transparent 31%\r\n    ),\r\n    #fff;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   INNER\r\n========================================= *\/\r\n\r\n.irotas-profile__inner {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);\r\n  align-items: center;\r\n\r\n  gap: 76px;\r\n\r\n  width: 100%;\r\n  max-width: 1180px;\r\n\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   IMAGE\r\n========================================= *\/\r\n\r\n.irotas-profile__visual {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n  max-width: 570px;\r\n\r\n  justify-self: end;\r\n}\r\n\r\n\r\n.irotas-profile__image {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  display: block;\r\n\r\n  width: 100%;\r\n  height: auto;\r\n\r\n  border-radius: 22px;\r\n\r\n  box-shadow:\r\n    0 20px 45px rgba(28, 38, 72, .10);\r\n}\r\n\r\n\r\n\/* decorative circles *\/\r\n\r\n.irotas-profile__circle {\r\n  position: absolute;\r\n  z-index: 1;\r\n\r\n  border-radius: 50%;\r\n}\r\n\r\n\r\n.irotas-profile__circle--pink {\r\n  width: 125px;\r\n  height: 125px;\r\n\r\n  left: -50px;\r\n  bottom: -38px;\r\n\r\n  background: rgba(255, 205, 226, .50);\r\n}\r\n\r\n\r\n.irotas-profile__circle--blue {\r\n  width: 100px;\r\n  height: 100px;\r\n\r\n  right: -38px;\r\n  top: -34px;\r\n\r\n  background: rgba(211, 237, 255, .62);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CONTENT\r\n========================================= *\/\r\n\r\n.irotas-profile__content {\r\n  width: 100%;\r\n  max-width: 560px;\r\n}\r\n\r\n\r\n.irotas-profile__en {\r\n  margin-bottom: 11px;\r\n\r\n  color: #805cff;\r\n\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  line-height: 1;\r\n\r\n  letter-spacing: .32em;\r\n}\r\n\r\n\r\n.irotas-profile__job {\r\n  margin-bottom: 7px;\r\n\r\n  color: #071433;\r\n\r\n  font-size: 17px;\r\n  font-weight: 700;\r\n  line-height: 1.5;\r\n\r\n  letter-spacing: .03em;\r\n}\r\n\r\n\r\n.irotas-profile__name {\r\n  color: #071433;\r\n\r\n  font-size: 30px;\r\n  font-weight: 800;\r\n  line-height: 1.35;\r\n\r\n  letter-spacing: .08em;\r\n}\r\n\r\n\r\n.irotas-profile__line {\r\n  width: 72px;\r\n  height: 3px;\r\n\r\n  margin: 20px 0 28px;\r\n\r\n  border-radius: 999px;\r\n\r\n  background: linear-gradient(\r\n    90deg,\r\n    #ff5c9e 0%,\r\n    #ffba4d 28%,\r\n    #62d89a 58%,\r\n    #58bfff 78%,\r\n    #8b61ff 100%\r\n  );\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BODY TEXT\r\n========================================= *\/\r\n\r\n.irotas-profile__text {\r\n  color: #26304b;\r\n\r\n  font-size: 15px;\r\n  font-weight: 400;\r\n  line-height: 2;\r\n\r\n  letter-spacing: .035em;\r\n}\r\n\r\n\r\n.irotas-profile__text p {\r\n  margin: 0 0 18px;\r\n}\r\n\r\n\r\n.irotas-profile__text p:last-child {\r\n  margin-bottom: 0;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MESSAGE\r\n========================================= *\/\r\n\r\n.irotas-profile__message {\r\n  position: relative;\r\n\r\n  display: inline-block;\r\n\r\n  margin-top: 25px;\r\n  padding-bottom: 9px;\r\n\r\n  color: #071433;\r\n\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n  line-height: 1.6;\r\n\r\n  letter-spacing: .05em;\r\n}\r\n\r\n\r\n.irotas-profile__message::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  left: 0;\r\n  bottom: 0;\r\n\r\n  width: 100%;\r\n  height: 2px;\r\n\r\n  background: linear-gradient(\r\n    90deg,\r\n    #ff5c9e,\r\n    #ffb74c,\r\n    #64d99c,\r\n    #56bfff,\r\n    #8c61ff\r\n  );\r\n}\r\n\r\n\r\n\/* PC only *\/\r\n.pc-only {\r\n  display: block;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n  .irotas-profile__inner {\r\n    gap: 48px;\r\n  }\r\n\r\n  .irotas-profile__job {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .irotas-profile__text {\r\n    font-size: 15px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .irotas-profile {\r\n    padding: 62px 20px 66px;\r\n  }\r\n\r\n\r\n  .irotas-profile__inner {\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    gap: 38px;\r\n\r\n    max-width: 430px;\r\n  }\r\n\r\n\r\n  \/* IMAGE *\/\r\n\r\n  .irotas-profile__visual {\r\n    width: 92%;\r\n    max-width: 390px;\r\n\r\n    margin: 0 auto;\r\n\r\n    justify-self: auto;\r\n  }\r\n\r\n\r\n  .irotas-profile__image {\r\n    border-radius: 18px;\r\n  }\r\n\r\n\r\n  .irotas-profile__circle--pink {\r\n    width: 88px;\r\n    height: 88px;\r\n\r\n    left: -26px;\r\n    bottom: -25px;\r\n  }\r\n\r\n\r\n  .irotas-profile__circle--blue {\r\n    width: 72px;\r\n    height: 72px;\r\n\r\n    right: -20px;\r\n    top: -22px;\r\n  }\r\n\r\n\r\n  \/* CONTENT *\/\r\n\r\n  .irotas-profile__content {\r\n    width: 100%;\r\n    max-width: none;\r\n  }\r\n\r\n\r\n  .irotas-profile__en {\r\n    margin-bottom: 10px;\r\n\r\n    font-size: 13px;\r\n  }\r\n\r\n\r\n  .irotas-profile__job {\r\n    margin-bottom: 6px;\r\n\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n\r\n  .irotas-profile__name {\r\n    font-size: 27px;\r\n  }\r\n\r\n\r\n  .irotas-profile__line {\r\n    width: 64px;\r\n\r\n    margin: 17px 0 24px;\r\n  }\r\n\r\n\r\n  .irotas-profile__text {\r\n    font-size: 15px;\r\n    line-height: 1.9;\r\n\r\n    letter-spacing: .02em;\r\n  }\r\n\r\n\r\n  .irotas-profile__text p {\r\n    margin-bottom: 17px;\r\n  }\r\n\r\n\r\n  \/* PC\u3067\u3060\u3051\u5165\u308c\u308b\u6539\u884c\u3092SP\u3067\u306f\u89e3\u9664 *\/\r\n  .pc-only {\r\n    display: none;\r\n  }\r\n\r\n\r\n  .irotas-profile__message {\r\n    margin-top: 22px;\r\n\r\n    font-size: 16px;\r\n  }\r\n\r\n}\r\n<\/style>\n\n\n\n<!-- =========================================\r\n     IROTAS\uff5cFINAL CTA\r\n========================================= -->\r\n<section class=\"irotas-final-cta\">\r\n\r\n  <div class=\"irotas-final-cta__deco irotas-final-cta__deco--pink\"><\/div>\r\n  <div class=\"irotas-final-cta__deco irotas-final-cta__deco--blue\"><\/div>\r\n  <div class=\"irotas-final-cta__deco irotas-final-cta__deco--purple\"><\/div>\r\n\r\n  <div class=\"irotas-final-cta__inner\">\r\n\r\n    <div class=\"irotas-final-cta__en\">\r\n      CONTACT\r\n    <\/div>\r\n\r\n    <div class=\"irotas-final-cta__title\">\r\n      \u3042\u306a\u305f\u306e\u300c\u4f1d\u3048\u305f\u3044\u300d\u3092\u3001<br class=\"irotas-final-cta__sp-br\">\r\n      <span>\u6620\u50cf\u3067\u30ab\u30bf\u30c1\u306b\u3002<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"irotas-final-cta__line\"><\/div>\r\n\r\n    <div class=\"irotas-final-cta__text\">\r\n\r\n      <p class=\"irotas-final-cta__intro\">\r\n        \u300c\u3053\u3093\u306a\u52d5\u753b\u3092\u4f5c\u308a\u305f\u3044\u300d<br>\r\n        \u300cSNS\u3092\u3082\u3063\u3068\u6d3b\u7528\u3057\u305f\u3044\u300d\r\n      <\/p>\r\n\r\n      <p>\r\n        \u305d\u3093\u306a\u6bb5\u968e\u304b\u3089\u3067\u3082\u3001\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002\r\n      <\/p>\r\n\r\n      <p>\r\n        \u3054\u5e0c\u671b\u3084\u76ee\u7684\u3092\u4e01\u5be7\u306b\u304a\u4f3a\u3044\u3057\u3001\r\n        \u3042\u306a\u305f\u306b\u5408\u3063\u305f\u5236\u4f5c\u30fb\u904b\u7528\u3092\u3054\u63d0\u6848\u3057\u307e\u3059\u3002\r\n      <\/p>\r\n\r\n      <p>\r\n        \u307e\u305a\u306f\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"irotas-final-cta__button-wrap\">\r\n\r\n      <a href=\"#contact\" class=\"irotas-final-cta__button\">\r\n        <span class=\"irotas-final-cta__mail\">\u2709<\/span>\r\n        <span>\u304a\u554f\u3044\u5408\u308f\u305b\u306f\u3053\u3061\u3089<\/span>\r\n        <span class=\"irotas-final-cta__arrow\">\u2192<\/span>\r\n      <\/a>\r\n\r\n      <div class=\"irotas-final-cta__note\">\r\n        \u3054\u76f8\u8ac7\u30fb\u304a\u898b\u7a4d\u3082\u308a\u3060\u3051\u3067\u3082OK\u3067\u3059\u3002\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* =========================================\r\n   IROTAS\uff5cFINAL CTA\r\n========================================= *\/\r\n\r\n.irotas-final-cta {\r\n  position: relative;\r\n  width: 100%;\r\n  overflow: hidden;\r\n\r\n  \/* \u9ad8\u3055\u3092\u5727\u7e2e *\/\r\n  padding: 62px 24px 60px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 10% 20%,\r\n      rgba(255, 214, 231, .52),\r\n      transparent 30%\r\n    ),\r\n    radial-gradient(\r\n      circle at 90% 20%,\r\n      rgba(211, 238, 255, .58),\r\n      transparent 30%\r\n    ),\r\n    radial-gradient(\r\n      circle at 50% 110%,\r\n      rgba(232, 218, 255, .50),\r\n      transparent 36%\r\n    ),\r\n    #fff;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   INNER\r\n========================================= *\/\r\n\r\n.irotas-final-cta__inner {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  width: 100%;\r\n  max-width: 900px;\r\n\r\n  margin: 0 auto;\r\n\r\n  text-align: center;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CONTACT\r\n========================================= *\/\r\n\r\n.irotas-final-cta__en {\r\n  margin-bottom: 12px;\r\n\r\n  color: #815cff;\r\n\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  line-height: 1;\r\n\r\n  letter-spacing: .34em;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TITLE\r\n========================================= *\/\r\n\r\n.irotas-final-cta__title {\r\n  color: #071433;\r\n\r\n  font-size: 30px;\r\n  font-weight: 800;\r\n  line-height: 1.45;\r\n\r\n  letter-spacing: .045em;\r\n}\r\n\r\n\r\n.irotas-final-cta__title span {\r\n  background: linear-gradient(\r\n    110deg,\r\n    #e848a2 5%,\r\n    #865cff 48%,\r\n    #39b8ff 95%\r\n  );\r\n\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n}\r\n\r\n\r\n\/* PC\u306f1\u884c *\/\r\n.irotas-final-cta__sp-br {\r\n  display: none;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   LINE\r\n========================================= *\/\r\n\r\n.irotas-final-cta__line {\r\n  width: 66px;\r\n  height: 3px;\r\n\r\n  margin: 16px auto 22px;\r\n\r\n  border-radius: 999px;\r\n\r\n  background: linear-gradient(\r\n    90deg,\r\n    #ff5c9e,\r\n    #ffbd4a,\r\n    #61d79a,\r\n    #51bfff,\r\n    #8c61ff\r\n  );\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TEXT\r\n========================================= *\/\r\n\r\n.irotas-final-cta__text {\r\n  color: #26304b;\r\n\r\n  font-size: 15px;\r\n  font-weight: 400;\r\n  line-height: 1.8;\r\n\r\n  letter-spacing: .035em;\r\n}\r\n\r\n\r\n.irotas-final-cta__text p {\r\n  margin: 0 0 11px;\r\n}\r\n\r\n\r\n.irotas-final-cta__text p:last-child {\r\n  margin-bottom: 0;\r\n}\r\n\r\n\r\n.irotas-final-cta__intro {\r\n  color: #071433;\r\n\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  line-height: 1.7;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BUTTON\r\n========================================= *\/\r\n\r\n.irotas-final-cta__button-wrap {\r\n  margin-top: 24px;\r\n}\r\n\r\n\r\n.irotas-final-cta__button {\r\n  position: relative;\r\n\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  gap: 13px;\r\n\r\n  width: min(100%, 410px);\r\n  min-height: 58px;\r\n\r\n  padding: 13px 30px;\r\n\r\n  border-radius: 999px;\r\n\r\n  background: linear-gradient(\r\n    105deg,\r\n    #ec5ba8 0%,\r\n    #9865ee 50%,\r\n    #55b8ef 100%\r\n  );\r\n\r\n  color: #fff !important;\r\n\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n\r\n  letter-spacing: .04em;\r\n\r\n  text-decoration: none !important;\r\n\r\n  box-shadow:\r\n    0 12px 30px rgba(126, 91, 213, .20);\r\n\r\n  transition:\r\n    transform .25s ease,\r\n    box-shadow .25s ease,\r\n    opacity .25s ease;\r\n}\r\n\r\n\r\n.irotas-final-cta__button:hover {\r\n  transform: translateY(-2px);\r\n\r\n  box-shadow:\r\n    0 16px 34px rgba(126, 91, 213, .27);\r\n\r\n  opacity: .94;\r\n}\r\n\r\n\r\n.irotas-final-cta__mail {\r\n  font-size: 18px;\r\n  line-height: 1;\r\n}\r\n\r\n\r\n.irotas-final-cta__arrow {\r\n  font-size: 18px;\r\n  line-height: 1;\r\n\r\n  transition: transform .25s ease;\r\n}\r\n\r\n\r\n.irotas-final-cta__button:hover\r\n.irotas-final-cta__arrow {\r\n  transform: translateX(4px);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   NOTE\r\n========================================= *\/\r\n\r\n.irotas-final-cta__note {\r\n  margin-top: 10px;\r\n\r\n  color: #667087;\r\n\r\n  font-size: 13px;\r\n  line-height: 1.6;\r\n\r\n  letter-spacing: .03em;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   DECORATION\r\n========================================= *\/\r\n\r\n.irotas-final-cta__deco {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n.irotas-final-cta__deco--pink {\r\n  width: 100px;\r\n  height: 100px;\r\n\r\n  left: 8%;\r\n  top: 25%;\r\n\r\n  background: rgba(255, 201, 224, .25);\r\n}\r\n\r\n\r\n.irotas-final-cta__deco--blue {\r\n  width: 82px;\r\n  height: 82px;\r\n\r\n  right: 10%;\r\n  top: 19%;\r\n\r\n  background: rgba(197, 232, 255, .30);\r\n}\r\n\r\n\r\n.irotas-final-cta__deco--purple {\r\n  width: 50px;\r\n  height: 50px;\r\n\r\n  right: 18%;\r\n  bottom: 12%;\r\n\r\n  background: rgba(219, 201, 255, .25);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .irotas-final-cta {\r\n    padding: 55px 20px 54px;\r\n  }\r\n\r\n\r\n  .irotas-final-cta__inner {\r\n    max-width: 390px;\r\n  }\r\n\r\n\r\n  .irotas-final-cta__en {\r\n    margin-bottom: 12px;\r\n    font-size: 13px;\r\n  }\r\n\r\n\r\n  .irotas-final-cta__title {\r\n    font-size: 27px;\r\n    line-height: 1.5;\r\n    letter-spacing: .03em;\r\n  }\r\n\r\n\r\n  .irotas-final-cta__sp-br {\r\n    display: block;\r\n  }\r\n\r\n\r\n  .irotas-final-cta__line {\r\n    width: 62px;\r\n    margin: 16px auto 22px;\r\n  }\r\n\r\n\r\n  .irotas-final-cta__text {\r\n    font-size: 15px;\r\n    line-height: 1.8;\r\n  }\r\n\r\n\r\n  .irotas-final-cta__intro {\r\n    font-size: 16px;\r\n    line-height: 1.75;\r\n  }\r\n\r\n\r\n  .irotas-final-cta__text p {\r\n    margin-bottom: 13px;\r\n  }\r\n\r\n\r\n  .irotas-final-cta__button-wrap {\r\n    margin-top: 24px;\r\n  }\r\n\r\n\r\n  .irotas-final-cta__button {\r\n    width: 100%;\r\n    min-height: 56px;\r\n\r\n    padding: 13px 20px;\r\n\r\n    font-size: 15px;\r\n  }\r\n\r\n\r\n  .irotas-final-cta__note {\r\n    margin-top: 10px;\r\n    font-size: 13px;\r\n  }\r\n\r\n\r\n  .irotas-final-cta__deco--pink {\r\n    width: 75px;\r\n    height: 75px;\r\n\r\n    left: -25px;\r\n    top: 18%;\r\n  }\r\n\r\n\r\n  .irotas-final-cta__deco--blue {\r\n    width: 65px;\r\n    height: 65px;\r\n\r\n    right: -20px;\r\n    top: 12%;\r\n  }\r\n\r\n\r\n  .irotas-final-cta__deco--purple {\r\n    width: 42px;\r\n    height: 42px;\r\n\r\n    right: 5%;\r\n    bottom: 8%;\r\n  }\r\n\r\n}\r\n<\/style>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================\n   IROTAS CONTACT FORM\n   \u5b8c\u5168\u66f8\u304d\u63db\u3048\u7248\n========================================= *\/\n\n\n\/* =========================================\n   \u30bb\u30af\u30b7\u30e7\u30f3\u5168\u4f53\n========================================= *\/\n\n.irotas-form-area {\n  width: 100%;\n  padding: 70px 20px 80px;\n\n  background:\n    radial-gradient(circle at 10% 20%, rgba(255,211,229,.42), transparent 28%),\n    radial-gradient(circle at 90% 25%, rgba(205,237,255,.48), transparent 30%),\n    linear-gradient(135deg, #fffafb 0%, #ffffff 48%, #f7fbff 100%);\n}\n\n\n\/* \u4e2d\u592e\u5e45 *\/\n.irotas-form-heading,\n.irotas-form-card {\n  width: min(100%, 900px);\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\n\/* =========================================\n   \u898b\u51fa\u3057\n========================================= *\/\n\n.irotas-form-heading {\n  margin-bottom: 34px;\n  text-align: center;\n}\n\n.irotas-form-en {\n  margin: 0 0 8px;\n  padding: 0;\n\n  color: #786cff;\n\n  font-size: 13px;\n  line-height: 1.4;\n  font-weight: 700;\n  letter-spacing: .28em;\n}\n\n.irotas-form-title {\n  margin: 0;\n  padding: 0;\n\n  color: #0b1c3d;\n\n  font-size: 30px;\n  line-height: 1.4;\n  font-weight: 700;\n  letter-spacing: .06em;\n}\n\n.irotas-form-line {\n  width: 54px;\n  height: 3px;\n\n  margin: 16px auto 20px;\n\n  border-radius: 10px;\n\n  background: linear-gradient(\n    90deg,\n    #ff5ba7 0%,\n    #ffcc57 35%,\n    #7b6cff 68%,\n    #4db8f5 100%\n  );\n}\n\n.irotas-form-heading p {\n  margin: 0 !important;\n  padding: 0 !important;\n\n  color: #536078;\n\n  font-size: 15px;\n  line-height: 1.8;\n  letter-spacing: .04em;\n}\n\n\n\/* =========================================\n   \u30d5\u30a9\u30fc\u30e0\u30ab\u30fc\u30c9\n========================================= *\/\n\n.irotas-form-card {\n  position: relative;\n\n  padding: 42px 46px 46px;\n\n  overflow: hidden;\n\n  background: rgba(255,255,255,.96);\n\n  border: 1px solid #e4edf6;\n  border-radius: 28px;\n\n  box-shadow: 0 18px 50px rgba(42,57,90,.08);\n}\n\n\n\/* \u4e0a\u90e8\u30ab\u30e9\u30fc\u30e9\u30a4\u30f3 *\/\n.irotas-form-card::before {\n  content: \"\";\n\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  width: 100%;\n  height: 5px;\n\n  background: linear-gradient(\n    90deg,\n    #54c9ee 0%,\n    #54c9ee 25%,\n    #ffd45e 25%,\n    #ffd45e 50%,\n    #ff8fb5 50%,\n    #ff8fb5 75%,\n    #78d9c4 75%,\n    #78d9c4 100%\n  );\n}\n\n\n\/* =========================================\n   CF7 \/ SWELL\u4f59\u767d \u5b8c\u5168\u30ea\u30bb\u30c3\u30c8\n========================================= *\/\n\n.irotas-form,\n.irotas-form form {\n  width: 100%;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n\n\/* CF7\u304c\u81ea\u52d5\u751f\u6210\u3059\u308bp\u5bfe\u7b56 *\/\n.irotas-form p {\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n\n\/* \u81ea\u52d5br\u5bfe\u7b56 *\/\n.irotas-form br {\n  display: none !important;\n}\n\n\n\/* =========================================\n   \u5404\u30d5\u30a9\u30fc\u30e0\u9805\u76ee\n========================================= *\/\n\n.irotas-form .irotas-field {\n  display: block !important;\n\n  width: 100% !important;\n  height: auto !important;\n  min-height: 0 !important;\n\n  margin: 0 0 22px !important;\n  padding: 0 !important;\n}\n\n\n\/* \u6700\u5f8c\u306e\u5165\u529b\u9805\u76ee *\/\n.irotas-form .irotas-field:last-of-type {\n  margin-bottom: 20px !important;\n}\n\n\n\/* label\u672c\u4f53 *\/\n.irotas-form .irotas-field > label {\n  display: block !important;\n\n  width: 100% !important;\n  height: auto !important;\n  min-height: 0 !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n\n\/* =========================================\n   \u30e9\u30d9\u30eb\n========================================= *\/\n\n.irotas-form .irotas-label {\n  display: flex !important;\n  align-items: center !important;\n\n  width: 100% !important;\n  height: auto !important;\n  min-height: 0 !important;\n\n  gap: 8px !important;\n\n  margin: 0 0 8px !important;\n  padding: 0 !important;\n\n  color: #102342;\n\n  font-size: 15px;\n  line-height: 1.5;\n  font-weight: 700;\n  letter-spacing: .03em;\n}\n\n\n\/* =========================================\n   \u5fc5\u9808\u30fb\u4efb\u610f\u30d0\u30c3\u30b8\n========================================= *\/\n\n.irotas-form .irotas-badge {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  width: auto;\n  min-width: 38px;\n  height: 22px;\n\n  margin: 0 !important;\n  padding: 0 8px !important;\n\n  border-radius: 999px;\n\n  font-size: 11px;\n  line-height: 1;\n  font-weight: 700;\n}\n\n.irotas-form .irotas-badge.required {\n  color: #fff;\n  background: #ff668d;\n}\n\n.irotas-form .irotas-badge.optional {\n  color: #65778f;\n  background: #edf4f8;\n}\n\n\n\/* =========================================\n   CF7 wrapper\n========================================= *\/\n\n.irotas-form .wpcf7-form-control-wrap {\n  display: block !important;\n\n  width: 100% !important;\n  height: auto !important;\n  min-height: 0 !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n\n\/* =========================================\n   \u5165\u529b\u6b04\n========================================= *\/\n\n.irotas-form input[type=\"text\"],\n.irotas-form input[type=\"email\"],\n.irotas-form input[type=\"date\"],\n.irotas-form select,\n.irotas-form textarea {\n  display: block !important;\n\n  width: 100% !important;\n\n  margin: 0 !important;\n  padding: 13px 16px !important;\n\n  color: #233650;\n  background: #fff;\n\n  border: 1px solid #d8e5ef;\n  border-radius: 11px;\n\n  font-family: inherit;\n  font-size: 15px;\n  line-height: 1.5;\n\n  outline: none;\n\n  box-sizing: border-box;\n\n  transition:\n    border-color .2s ease,\n    box-shadow .2s ease;\n}\n\n\n\/* \u901a\u5e38\u5165\u529b\u6b04 *\/\n.irotas-form input[type=\"text\"],\n.irotas-form input[type=\"email\"],\n.irotas-form input[type=\"date\"],\n.irotas-form select {\n  height: 48px !important;\n  min-height: 48px !important;\n}\n\n\n\/* \u30c6\u30ad\u30b9\u30c8\u30a8\u30ea\u30a2 *\/\n.irotas-form textarea {\n  height: 145px !important;\n  min-height: 145px !important;\n  resize: vertical;\n}\n\n\n\/* \u30d5\u30a9\u30fc\u30ab\u30b9 *\/\n.irotas-form input[type=\"text\"]:focus,\n.irotas-form input[type=\"email\"]:focus,\n.irotas-form input[type=\"date\"]:focus,\n.irotas-form select:focus,\n.irotas-form textarea:focus {\n  border-color: #8d7cff;\n\n  box-shadow:\n    0 0 0 3px rgba(141,124,255,.10);\n}\n\n\n\/* \u30d7\u30ec\u30fc\u30b9\u30db\u30eb\u30c0\u30fc *\/\n.irotas-form input::placeholder,\n.irotas-form textarea::placeholder {\n  color: #a7b3c4;\n  opacity: 1;\n}\n\n\n\/* =========================================\n   \u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\n========================================= *\/\n\n.irotas-form .irotas-privacy {\n  display: block !important;\n\n  width: 100% !important;\n\n  margin: 8px 0 0 !important;\n  padding: 15px 18px !important;\n\n  text-align: center;\n\n  background: #f7fbfd;\n\n  border: 1px solid #dcebf1;\n  border-radius: 12px;\n\n  box-sizing: border-box;\n}\n\n.irotas-form .irotas-privacy .wpcf7-list-item {\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n.irotas-form .irotas-privacy label {\n  display: inline-flex !important;\n  align-items: center;\n  justify-content: center;\n\n  gap: 8px;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  font-size: 14px;\n  line-height: 1.6;\n  font-weight: 500;\n}\n\n.irotas-form .irotas-privacy input[type=\"checkbox\"] {\n  width: 17px;\n  height: 17px;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  accent-color: #7b6cff;\n}\n\n\n\/* \u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc\u30dc\u30bf\u30f3 *\/\n.irotas-form .irotas-privacy-open {\n  display: inline !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  color: #5376dc;\n  background: transparent;\n\n  border: 0;\n\n  font: inherit;\n  font-weight: 700;\n\n  text-decoration: underline;\n  text-underline-offset: 3px;\n\n  cursor: pointer;\n}\n\n\n\/* =========================================\n   \u9001\u4fe1\u30dc\u30bf\u30f3\n========================================= *\/\n\n.irotas-form .irotas-submit {\n  width: 100%;\n\n  margin: 26px 0 0 !important;\n  padding: 0 !important;\n\n  text-align: center;\n}\n\n.irotas-form .irotas-submit input[type=\"submit\"] {\n  display: block;\n\n  width: min(100%, 470px);\n  min-height: 56px;\n\n  margin: 0 auto !important;\n  padding: 14px 30px !important;\n\n  color: #fff;\n\n  background: linear-gradient(\n    90deg,\n    #df55b5 0%,\n    #8b72ee 52%,\n    #54b7ef 100%\n  );\n\n  border: 0;\n  border-radius: 999px;\n\n  box-shadow:\n    0 10px 24px rgba(117,103,221,.20);\n\n  font-family: inherit;\n  font-size: 16px;\n  font-weight: 700;\n  letter-spacing: .05em;\n\n  cursor: pointer;\n\n  transition:\n    transform .2s ease,\n    box-shadow .2s ease,\n    opacity .2s ease;\n}\n\n.irotas-form .irotas-submit input[type=\"submit\"]:hover {\n  transform: translateY(-2px);\n\n  box-shadow:\n    0 14px 30px rgba(117,103,221,.27);\n\n  opacity: .94;\n}\n\n\n\/* =========================================\n   CF7 \u30a8\u30e9\u30fc\u30fb\u9001\u4fe1\u30e1\u30c3\u30bb\u30fc\u30b8\n========================================= *\/\n\n.irotas-form .wpcf7-not-valid-tip {\n  display: block;\n\n  margin: 5px 0 0 !important;\n  padding: 0 !important;\n\n  color: #e95070;\n\n  font-size: 13px;\n  line-height: 1.5;\n}\n\n.irotas-form-card .wpcf7-response-output {\n  margin: 20px 0 0 !important;\n  padding: 13px 15px !important;\n\n  border-radius: 10px;\n\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n\n\/* =========================================\n   SP\n========================================= *\/\n\n@media (max-width: 767px) {\n\n  .irotas-form-area {\n    padding: 55px 16px 65px;\n  }\n\n  .irotas-form-heading {\n    margin-bottom: 28px;\n  }\n\n  .irotas-form-en {\n    font-size: 12px;\n  }\n\n  .irotas-form-title {\n    font-size: 27px;\n  }\n\n  .irotas-form-heading p {\n    font-size: 15px;\n    line-height: 1.8;\n  }\n\n  .irotas-form-card {\n    padding: 32px 20px 36px;\n    border-radius: 20px;\n  }\n\n  .irotas-form .irotas-field {\n    margin: 0 0 18px !important;\n  }\n\n  .irotas-form .irotas-field:last-of-type {\n    margin-bottom: 18px !important;\n  }\n\n  .irotas-form .irotas-label {\n    margin: 0 0 7px !important;\n    font-size: 15px;\n  }\n\n  .irotas-form input[type=\"text\"],\n  .irotas-form input[type=\"email\"],\n  .irotas-form input[type=\"date\"],\n  .irotas-form select,\n  .irotas-form textarea {\n    padding: 12px 14px !important;\n    font-size: 16px;\n  }\n\n  .irotas-form input[type=\"text\"],\n  .irotas-form input[type=\"email\"],\n  .irotas-form input[type=\"date\"],\n  .irotas-form select {\n    height: 47px !important;\n    min-height: 47px !important;\n  }\n\n  .irotas-form textarea {\n    height: 135px !important;\n    min-height: 135px !important;\n  }\n\n  .irotas-form .irotas-privacy {\n    margin-top: 4px !important;\n    padding: 14px 10px !important;\n  }\n\n  .irotas-form .irotas-submit {\n    margin-top: 22px !important;\n  }\n\n  .irotas-form .irotas-submit input[type=\"submit\"] {\n    width: 100%;\n    min-height: 54px;\n\n    font-size: 16px;\n  }\n}\n<\/style>\n\n<section id=\"contact\" class=\"irotas-form-area\">\n\n  <div class=\"irotas-form-heading\">\n\n    <div class=\"irotas-form-en\">\n      CONTACT\n    <\/div>\n\n    <div class=\"irotas-form-title\">\n      \u304a\u554f\u3044\u5408\u308f\u305b\n    <\/div>\n\n    <div class=\"irotas-form-line\"><\/div>\n\n    <p>\n      \u52d5\u753b\u5236\u4f5c\u30fbSNS\u904b\u7528\u306b\u3064\u3044\u3066\u3001<br class=\"sp-break\">\n      \u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002\n    <\/p>\n\n  <\/div>\n\n  <div class=\"irotas-form-card\">\n\n    \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f31-o1\" lang=\"ja\" dir=\"ltr\" data-wpcf7-id=\"31\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F10#wpcf7-f31-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"\u30b3\u30f3\u30bf\u30af\u30c8\u30d5\u30a9\u30fc\u30e0\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"31\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.7\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"ja\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f31-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"irotas-form\">\n\t<div class=\"irotas-field\">\n\t\t<p><label><br \/>\n<span class=\"irotas-label\"><br \/>\n\u4f1a\u793e\u540d\u30fb\u7d44\u7e54\u540d<br \/>\n<span class=\"irotas-badge optional\">\u4efb\u610f<\/span><br \/>\n<\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"company-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"\u4f8b\uff1a\u682a\u5f0f\u4f1a\u793eIROTAS\" value=\"\" type=\"text\" name=\"company-name\" \/><\/span><br \/>\n<\/label>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"irotas-field\">\n\t\t<p><label><br \/>\n<span class=\"irotas-label\"><br \/>\n\u304a\u540d\u524d<br \/>\n<span class=\"irotas-badge required\">\u5fc5\u9808<\/span><br \/>\n<\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"\u4f8b\uff1a\u5c71\u7530 \u82b1\u5b50\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span><br \/>\n<\/label>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"irotas-field\">\n\t\t<p><label><br \/>\n<span class=\"irotas-label\"><br \/>\n\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9<br \/>\n<span class=\"irotas-badge required\">\u5fc5\u9808<\/span><br \/>\n<\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"\u4f8b\uff1aexample@email.com\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span><br \/>\n<\/label>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"irotas-field\">\n\t\t<p><label><br \/>\n<span class=\"irotas-label\"><br \/>\n\u304a\u554f\u3044\u5408\u308f\u305b\u7a2e\u5225<br \/>\n<span class=\"irotas-badge required\">\u5fc5\u9808<\/span><br \/>\n<\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"inquiry-type\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"inquiry-type\"><option value=\"\">\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044<\/option><option value=\"\u65b0\u898f\u306e\u3054\u4f9d\u983c\u30fb\u3054\u76f8\u8ac7\">\u65b0\u898f\u306e\u3054\u4f9d\u983c\u30fb\u3054\u76f8\u8ac7<\/option><option value=\"\u304a\u898b\u7a4d\u3082\u308a\u306e\u3054\u4f9d\u983c\">\u304a\u898b\u7a4d\u3082\u308a\u306e\u3054\u4f9d\u983c<\/option><option value=\"\u53d6\u6750\u30fb\u5354\u696d\u306b\u95a2\u3059\u308b\u3054\u76f8\u8ac7\">\u53d6\u6750\u30fb\u5354\u696d\u306b\u95a2\u3059\u308b\u3054\u76f8\u8ac7<\/option><option value=\"\u305d\u306e\u4ed6\u306e\u304a\u554f\u3044\u5408\u308f\u305b\">\u305d\u306e\u4ed6\u306e\u304a\u554f\u3044\u5408\u308f\u305b<\/option><\/select><\/span><br \/>\n<\/label>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"irotas-field\">\n\t\t<p><label><br \/>\n<span class=\"irotas-label\"><br \/>\n\u3054\u4e88\u7b97\uff08\u76ee\u5b89\uff09<br \/>\n<span class=\"irotas-badge optional\">\u4efb\u610f<\/span><br \/>\n<\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"budget\"><select class=\"wpcf7-form-control wpcf7-select\" aria-invalid=\"false\" name=\"budget\"><option value=\"\">\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044<\/option><option value=\"\u301c1\u4e07\u5186\">\u301c1\u4e07\u5186<\/option><option value=\"1\u4e07\u5186\u301c10\u4e07\u5186\">1\u4e07\u5186\u301c10\u4e07\u5186<\/option><option value=\"10\u4e07\u5186\u4ee5\u4e0a\">10\u4e07\u5186\u4ee5\u4e0a<\/option><option value=\"\u672a\u5b9a \/ \u76f8\u8ac7\u3057\u3066\u6c7a\u3081\u305f\u3044\">\u672a\u5b9a \/ \u76f8\u8ac7\u3057\u3066\u6c7a\u3081\u305f\u3044<\/option><\/select><\/span><br \/>\n<\/label>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"irotas-field\">\n\t\t<p><label><br \/>\n<span class=\"irotas-label\"><br \/>\n\u3054\u5e0c\u671b\u306e\u7d0d\u671f<br \/>\n<span class=\"irotas-badge optional\">\u4efb\u610f<\/span><br \/>\n<\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"desired-date\"><input class=\"wpcf7-form-control wpcf7-date wpcf7-validates-as-date\" aria-invalid=\"false\" value=\"\" type=\"date\" name=\"desired-date\" \/><\/span><br \/>\n<\/label>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"irotas-field\">\n\t\t<p><label><br \/>\n<span class=\"irotas-label\"><br \/>\n\u304a\u554f\u3044\u5408\u308f\u305b\u5185\u5bb9<br \/>\n<span class=\"irotas-badge required\">\u5fc5\u9808<\/span><br \/>\n<\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"\u3054\u4f9d\u983c\u306e\u80cc\u666f\u3001\u5236\u4f5c\u7269\u306e\u30a4\u30e1\u30fc\u30b8\u3001\u73fe\u6642\u70b9\u3067\u6c7a\u307e\u3063\u3066\u3044\u308b\u8981\u4ef6\u306a\u3069\u3092\u3054\u8a18\u5165\u304f\u3060\u3055\u3044\" name=\"your-message\"><\/textarea><\/span><br \/>\n<\/label>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"irotas-privacy\">\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"privacy-consent\"><span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"privacy-consent\" value=\"1\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\"><span class=\"irotas-privacy-text\">\n        <button type=\"button\" class=\"irotas-privacy-open\">\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc<\/button>\u306b\u540c\u610f\u3059\u308b\n      <\/span><\/span><\/label><\/span><\/span><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"irotas-submit\">\n\t\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"\u9001\u4fe1\u3059\u308b\" \/>\n\t\t<\/p>\n\t<\/div>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================\n   IROTAS PRIVACY POLICY MODAL\n========================================= *\/\n\n\/* \u30e2\u30fc\u30c0\u30eb\u5168\u4f53 *\/\n.irotas-modal {\n  position: fixed;\n  inset: 0;\n  z-index: 999999;\n\n  display: none;\n  align-items: center;\n  justify-content: center;\n\n  padding: 30px 20px;\n}\n\n\/* \u958b\u3044\u305f\u72b6\u614b *\/\n.irotas-modal.is-open {\n  display: flex;\n}\n\n\n\/* =========================================\n   \u80cc\u666f\n========================================= *\/\n\n.irotas-modal-overlay {\n  position: absolute;\n  inset: 0;\n\n  background: rgba(20, 30, 45, .58);\n  backdrop-filter: blur(2px);\n\n  cursor: pointer;\n}\n\n\n\/* =========================================\n   \u767d\u3044\u30e2\u30fc\u30c0\u30eb\u672c\u4f53\n========================================= *\/\n\n.irotas-modal-box {\n  position: relative;\n  z-index: 1;\n\n  width: min(100%, 760px);\n  max-height: 82vh;\n\n  overflow-y: auto;\n  overscroll-behavior: contain;\n\n  background: #fff;\n  border-radius: 22px;\n\n  box-shadow:\n    0 24px 70px rgba(20, 35, 60, .22);\n}\n\n\n\/* \u30b9\u30af\u30ed\u30fc\u30eb\u30d0\u30fc *\/\n.irotas-modal-box::-webkit-scrollbar {\n  width: 7px;\n}\n\n.irotas-modal-box::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.irotas-modal-box::-webkit-scrollbar-thumb {\n  background: #d6deea;\n  border-radius: 20px;\n}\n\n\n\/* =========================================\n   \u4e2d\u8eab\n========================================= *\/\n\n.irotas-modal-content {\n  padding: 46px 52px 52px;\n}\n\n\n\/* \u82f1\u5b57 *\/\n.irotas-modal-en {\n  margin-bottom: 8px;\n\n  text-align: center;\n\n  color: #786cff;\n\n  font-size: 13px;\n  line-height: 1.4;\n  font-weight: 700;\n  letter-spacing: .25em;\n}\n\n\n\/* \u30bf\u30a4\u30c8\u30eb *\/\n.irotas-modal-title {\n  text-align: center;\n\n  color: #0b1c3d;\n\n  font-size: 28px;\n  line-height: 1.5;\n  font-weight: 700;\n  letter-spacing: .05em;\n}\n\n\n\/* \u30bf\u30a4\u30c8\u30eb\u4e0b\u30e9\u30a4\u30f3 *\/\n.irotas-modal-line {\n  width: 52px;\n  height: 3px;\n\n  margin: 15px auto 34px;\n\n  border-radius: 999px;\n\n  background: linear-gradient(\n    90deg,\n    #ff5ba7 0%,\n    #ffcc57 35%,\n    #7b6cff 68%,\n    #4db8f5 100%\n  );\n}\n\n\n\/* =========================================\n   \u672c\u6587\n========================================= *\/\n\n.irotas-policy-body {\n  color: #34445c;\n\n  font-size: 15px;\n  line-height: 1.9;\n  letter-spacing: .02em;\n}\n\n.irotas-policy-body p {\n  margin: 0 0 26px !important;\n}\n\n.irotas-policy-body ul {\n  margin: -10px 0 28px 1.3em !important;\n  padding: 0 !important;\n}\n\n.irotas-policy-body li {\n  margin-bottom: 5px;\n}\n\n\n\/* \u5404\u898b\u51fa\u3057 *\/\n.irotas-policy-heading {\n  position: relative;\n\n  margin: 34px 0 12px;\n  padding: 0 0 9px;\n\n  color: #102342;\n\n  border-bottom: 1px solid #e2e8f0;\n\n  font-size: 17px;\n  line-height: 1.6;\n  font-weight: 700;\n}\n\n\/* \u6700\u521d\u306e\u898b\u51fa\u3057 *\/\n.irotas-policy-heading:first-child {\n  margin-top: 0;\n}\n\n\/* \u898b\u51fa\u3057\u4e0b\u306e\u30a2\u30af\u30bb\u30f3\u30c8 *\/\n.irotas-policy-heading::after {\n  content: \"\";\n\n  position: absolute;\n  left: 0;\n  bottom: -1px;\n\n  width: 110px;\n  height: 2px;\n\n  border-radius: 999px;\n\n  background: linear-gradient(\n    90deg,\n    #7b6cff,\n    #55b9ef\n  );\n}\n\n\n\/* =========================================\n   \u9589\u3058\u308b \u00d7\n========================================= *\/\n\n.irotas-modal-close {\n  position: sticky;\n  top: 14px;\n  z-index: 10;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 38px;\n  height: 38px;\n\n  margin: 14px 14px -52px auto;\n\n  padding: 0;\n\n  color: #33445c;\n  background: #f5f7fa;\n\n  border: 0;\n  border-radius: 50%;\n\n  font-family: Arial, sans-serif;\n  font-size: 27px;\n  line-height: 1;\n\n  cursor: pointer;\n\n  transition:\n    background .2s ease,\n    transform .2s ease;\n}\n\n.irotas-modal-close:hover {\n  background: #e9eef5;\n  transform: rotate(5deg);\n}\n\n\n\/* =========================================\n   \u30e2\u30fc\u30c0\u30eb\u8868\u793a\u4e2d\n========================================= *\/\n\nbody.irotas-modal-open {\n  overflow: hidden;\n}\n\n\n\/* =========================================\n   SP\n========================================= *\/\n\n@media (max-width: 767px) {\n\n  .irotas-modal {\n    padding: 18px 14px;\n  }\n\n  .irotas-modal-box {\n    width: 100%;\n    max-height: 86vh;\n\n    border-radius: 18px;\n  }\n\n  .irotas-modal-content {\n    padding: 40px 22px 36px;\n  }\n\n  .irotas-modal-en {\n    font-size: 12px;\n  }\n\n  .irotas-modal-title {\n    font-size: 24px;\n  }\n\n  .irotas-modal-line {\n    margin-bottom: 28px;\n  }\n\n  .irotas-policy-body {\n    font-size: 15px;\n    line-height: 1.85;\n  }\n\n  .irotas-policy-heading {\n    margin-top: 29px;\n\n    font-size: 16px;\n  }\n\n  .irotas-policy-body p {\n    margin-bottom: 22px !important;\n  }\n\n  .irotas-policy-body ul {\n    margin-bottom: 24px !important;\n  }\n\n  .irotas-modal-close {\n    top: 10px;\n\n    width: 36px;\n    height: 36px;\n\n    margin:\n      10px\n      10px\n      -46px\n      auto;\n\n    font-size: 25px;\n  }\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', function () {\n\n  const modal = document.getElementById('irotasPrivacyModal');\n\n  if (!modal) return;\n\n  \/* \u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc\u3092\u958b\u304f *\/\n  document.addEventListener('click', function (e) {\n\n    const openButton = e.target.closest('.irotas-privacy-open');\n\n    if (openButton) {\n      e.preventDefault();\n\n      modal.classList.add('is-open');\n      modal.setAttribute('aria-hidden', 'false');\n\n      document.body.classList.add('irotas-modal-open');\n    }\n\n  });\n\n\n  \/* \u00d7\u30dc\u30bf\u30f3\u3067\u9589\u3058\u308b *\/\n  const closeButton = modal.querySelector('.irotas-modal-close');\n\n  if (closeButton) {\n    closeButton.addEventListener('click', function () {\n\n      modal.classList.remove('is-open');\n      modal.setAttribute('aria-hidden', 'true');\n\n      document.body.classList.remove('irotas-modal-open');\n\n    });\n  }\n\n\n  \/* \u80cc\u666f\u30af\u30ea\u30c3\u30af\u3067\u9589\u3058\u308b *\/\n  const overlay = modal.querySelector('.irotas-modal-overlay');\n\n  if (overlay) {\n    overlay.addEventListener('click', function () {\n\n      modal.classList.remove('is-open');\n      modal.setAttribute('aria-hidden', 'true');\n\n      document.body.classList.remove('irotas-modal-open');\n\n    });\n  }\n\n\n  \/* ESC\u30ad\u30fc\u3067\u3082\u9589\u3058\u308b *\/\n  document.addEventListener('keydown', function (e) {\n\n    if (\n      e.key === 'Escape' &&\n      modal.classList.contains('is-open')\n    ) {\n\n      modal.classList.remove('is-open');\n      modal.setAttribute('aria-hidden', 'true');\n\n      document.body.classList.remove('irotas-modal-open');\n\n    }\n\n  });\n\n});\n<\/script>\n\n<!-- ========================================\n     IROTAS \u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc \u30e2\u30fc\u30c0\u30eb\n========================================= -->\n\n<div id=\"irotasPrivacyModal\" class=\"irotas-modal\" aria-hidden=\"true\">\n\n  <div class=\"irotas-modal-overlay\"><\/div>\n\n  <div class=\"irotas-modal-box\">\n\n    <button\n      type=\"button\"\n      class=\"irotas-modal-close\"\n      aria-label=\"\u9589\u3058\u308b\"\n    >\n      \u00d7\n    <\/button>\n\n    <div class=\"irotas-modal-content\">\n\n      <div class=\"irotas-modal-en\">\n        PRIVACY POLICY\n      <\/div>\n\n      <div class=\"irotas-modal-title\">\n        \u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc\n      <\/div>\n\n      <div class=\"irotas-modal-line\"><\/div>\n\n\n      <div class=\"irotas-policy-body\">\n\n        <div class=\"irotas-policy-heading\">\n          \u500b\u4eba\u60c5\u5831\u306e\u53d6\u308a\u6271\u3044\u306b\u3064\u3044\u3066\n        <\/div>\n\n        <p>\n          IROTAS\uff08\u4ee5\u4e0b\u300c\u5f53\u65b9\u300d\u3068\u3044\u3044\u307e\u3059\uff09\u306f\u3001\n          \u304a\u554f\u3044\u5408\u308f\u305b\u7b49\u3092\u901a\u3058\u3066\u53d6\u5f97\u3057\u305f\u500b\u4eba\u60c5\u5831\u3092\u9069\u5207\u306b\u7ba1\u7406\u3057\u3001\n          \u4ee5\u4e0b\u306e\u3068\u304a\u308a\u53d6\u308a\u6271\u3044\u307e\u3059\u3002\n        <\/p>\n\n\n        <div class=\"irotas-policy-heading\">\n          \u500b\u4eba\u60c5\u5831\u306e\u5229\u7528\u76ee\u7684\n        <\/div>\n\n        <p>\n          \u5f53\u65b9\u306f\u3001\u53d6\u5f97\u3057\u305f\u500b\u4eba\u60c5\u5831\u3092\u4ee5\u4e0b\u306e\u76ee\u7684\u3067\u5229\u7528\u3044\u305f\u3057\u307e\u3059\u3002\n        <\/p>\n\n        <ul>\n          <li>\u304a\u554f\u3044\u5408\u308f\u305b\u3078\u306e\u56de\u7b54\u30fb\u9023\u7d61<\/li>\n          <li>\u3054\u4f9d\u983c\u30fb\u3054\u76f8\u8ac7\u3078\u306e\u5bfe\u5fdc<\/li>\n          <li>\u304a\u898b\u7a4d\u3082\u308a\u30fb\u5236\u4f5c\u30fb\u7d0d\u54c1\u7b49\u306e\u696d\u52d9\u9042\u884c<\/li>\n          <li>\u30b5\u30fc\u30d3\u30b9\u306b\u95a2\u3059\u308b\u5fc5\u8981\u306a\u3054\u6848\u5185<\/li>\n        <\/ul>\n\n\n        <div class=\"irotas-policy-heading\">\n          \u500b\u4eba\u60c5\u5831\u306e\u7b2c\u4e09\u8005\u63d0\u4f9b\n        <\/div>\n\n        <p>\n          \u6cd5\u4ee4\u306b\u57fa\u3065\u304f\u5834\u5408\u3092\u9664\u304d\u3001\n          \u3054\u672c\u4eba\u306e\u540c\u610f\u306a\u304f\u500b\u4eba\u60c5\u5831\u3092\u7b2c\u4e09\u8005\u306b\u63d0\u4f9b\u3059\u308b\u3053\u3068\u306f\u3042\u308a\u307e\u305b\u3093\u3002\n        <\/p>\n\n\n        <div class=\"irotas-policy-heading\">\n          \u500b\u4eba\u60c5\u5831\u306e\u7ba1\u7406\n        <\/div>\n\n        <p>\n          \u53d6\u5f97\u3057\u305f\u500b\u4eba\u60c5\u5831\u306b\u3064\u3044\u3066\u3001\n          \u4e0d\u6b63\u30a2\u30af\u30bb\u30b9\u3001\u7d1b\u5931\u3001\u6f0f\u3048\u3044\u7b49\u3092\u9632\u6b62\u3059\u308b\u305f\u3081\u3001\n          \u9069\u5207\u306a\u5b89\u5168\u7ba1\u7406\u306b\u52aa\u3081\u307e\u3059\u3002\n        <\/p>\n\n\n        <div class=\"irotas-policy-heading\">\n          \u500b\u4eba\u60c5\u5831\u306e\u958b\u793a\u30fb\u8a02\u6b63\u30fb\u524a\u9664\n        <\/div>\n\n        <p>\n          \u3054\u672c\u4eba\u304b\u3089\u500b\u4eba\u60c5\u5831\u306e\u958b\u793a\u3001\u8a02\u6b63\u3001\u524a\u9664\u7b49\u306e\u3054\u5e0c\u671b\u304c\u3042\u3063\u305f\u5834\u5408\u306f\u3001\n          \u3054\u672c\u4eba\u78ba\u8a8d\u306e\u3046\u3048\u3001\u9069\u5207\u306b\u5bfe\u5fdc\u3044\u305f\u3057\u307e\u3059\u3002\n        <\/p>\n\n\n        <div class=\"irotas-policy-heading\">\n          \u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc\u306e\u5909\u66f4\n        <\/div>\n\n        <p>\n          \u5fc5\u8981\u306b\u5fdc\u3058\u3066\u672c\u30dd\u30ea\u30b7\u30fc\u306e\u5185\u5bb9\u3092\u5909\u66f4\u3059\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002\n          \u5909\u66f4\u5f8c\u306e\u5185\u5bb9\u306f\u3001\u672c\u30b5\u30a4\u30c8\u4e0a\u306b\u63b2\u8f09\u3057\u305f\u6642\u70b9\u304b\u3089\u9069\u7528\u3055\u308c\u307e\u3059\u3002\n        <\/p>\n\n\n        <div class=\"irotas-policy-heading\">\n          \u304a\u554f\u3044\u5408\u308f\u305b\n        <\/div>\n\n        <p>\n          \u500b\u4eba\u60c5\u5831\u306e\u53d6\u308a\u6271\u3044\u306b\u95a2\u3059\u308b\u304a\u554f\u3044\u5408\u308f\u305b\u306f\u3001\n          \u672c\u30b5\u30a4\u30c8\u306e\u304a\u554f\u3044\u5408\u308f\u305b\u30d5\u30a9\u30fc\u30e0\u3088\u308a\u304a\u9858\u3044\u3044\u305f\u3057\u307e\u3059\u3002\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u3042\u306a\u305f\u3089\u3057\u3055\u3092\u3001 \u3082\u3063\u3068\u4f1d\u308f\u308b\u30ab\u30bf\u30c1\u306b\u3002 \u6620\u50cf\u306e\u529b\u3067\u3001\u60f3\u3044\u30fb\u9b45\u529b\u30fb\u3089\u3057\u3055\u3092\u5c4a\u3051\u308b\u3002 IROTAS\u306f\u3001SNS\u3068\u6620\u50cf\u3067\u3042\u306a\u305f\u306e\u30b9\u30c8\u30fc\u30ea\u30fc\u3092 \u4e00\u7dd2\u306b\u5275\u308a\u307e\u3059\u3002 \u6620\u50cf\u5236\u4f5c SNS\u904b\u7528 \u2709 \u307e\u305a\u306f\u7121\u6599\u3067\u76f8\u8ac7\u3059\u308b \u2192 \u30b5\u30fc\u30d3\u30b9\u306b\u3064\u3044 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"swell_btn_cv_data":"","footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/irotascreative.com\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/irotascreative.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/irotascreative.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/irotascreative.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/irotascreative.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":21,"href":"https:\/\/irotascreative.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":61,"href":"https:\/\/irotascreative.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/61"}],"wp:attachment":[{"href":"https:\/\/irotascreative.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}