{"id":303,"date":"2026-09-14T12:19:49","date_gmt":"2026-09-14T03:19:49","guid":{"rendered":"https:\/\/co-being.org\/?page_id=303"},"modified":"2026-09-14T17:32:40","modified_gmt":"2026-09-14T08:32:40","slug":"otete-to-otete","status":"publish","type":"page","link":"https:\/\/co-being.org\/?page_id=303","title":{"rendered":"OTETE to OTETE"},"content":{"rendered":"\n<style>\n\/* ================================\n   OTETE to OTETE\n   Fixed Page Design\n================================ *\/\n\n.otete-page {\n  --otete-coral: #ff7184;\n  --otete-coral-light: #fff0f3;\n  --otete-green: #4fbd78;\n  --otete-green-light: #edfff3;\n  --otete-yellow: #ffd85c;\n  --otete-yellow-light: #fff9df;\n  --otete-text: #263238;\n  --otete-subtext: #58656a;\n  --otete-white: #ffffff;\n  --otete-base: #fffdfa;\n  --otete-border: #f0eee9;\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Hiragino Kaku Gothic ProN\",\n    \"Hiragino Sans\",\n    \"Yu Gothic\",\n    \"YuGothic\",\n    \"Noto Sans JP\",\n    sans-serif;\n\n  color: var(--otete-text);\n  line-height: 1.9;\n  background: var(--otete-white);\n  overflow: hidden;\n}\n\n.otete-page *,\n.otete-page *::before,\n.otete-page *::after {\n  box-sizing: border-box;\n}\n\n.otete-page h1,\n.otete-page h2,\n.otete-page h3,\n.otete-page p {\n  margin-top: 0;\n}\n\n.otete-container {\n  width: min(1120px, calc(100% - 40px));\n  margin: 0 auto;\n}\n\n.otete-section {\n  padding: 100px 0;\n}\n\n\/* ================================\n   HERO\n================================ *\/\n\n.otete-hero {\n  position: relative;\n  padding: 120px 0 110px;\n  background:\n    radial-gradient(\n      circle at 10% 10%,\n      rgba(255, 216, 92, 0.38) 0,\n      rgba(255, 216, 92, 0) 27%\n    ),\n    radial-gradient(\n      circle at 92% 20%,\n      rgba(79, 189, 120, 0.22) 0,\n      rgba(79, 189, 120, 0) 30%\n    ),\n    radial-gradient(\n      circle at 85% 90%,\n      rgba(255, 113, 132, 0.20) 0,\n      rgba(255, 113, 132, 0) 32%\n    ),\n    #fffdfa;\n}\n\n.otete-hero-inner {\n  max-width: 900px;\n  margin: 0 auto;\n  text-align: center;\n  position: relative;\n  z-index: 2;\n}\n\n.otete-label {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 9px 20px;\n  margin-bottom: 28px;\n  background: var(--otete-white);\n  border: 1px solid rgba(255, 113, 132, 0.24);\n  border-radius: 100px;\n  color: var(--otete-coral);\n  font-size: 14px;\n  font-weight: 700;\n  letter-spacing: 0.08em;\n  box-shadow: 0 8px 30px rgba(44, 48, 52, 0.05);\n}\n\n.otete-label-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--otete-coral);\n}\n\n.otete-hero h1 {\n  margin-bottom: 26px;\n  font-size: clamp(42px, 6vw, 76px);\n  line-height: 1.12;\n  letter-spacing: -0.03em;\n  font-weight: 800;\n}\n\n.otete-hero h1 .otete-accent {\n  color: var(--otete-coral);\n}\n\n.otete-hero-copy {\n  margin-bottom: 18px;\n  font-size: clamp(20px, 2.4vw, 30px);\n  font-weight: 700;\n  line-height: 1.55;\n}\n\n.otete-hero-description {\n  max-width: 680px;\n  margin: 0 auto 38px;\n  color: var(--otete-subtext);\n  font-size: 16px;\n}\n\n.otete-btns {\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 14px;\n}\n\n.otete-btn {\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  min-height: 56px;\n  padding: 0 30px;\n  border-radius: 100px;\n  text-decoration: none !important;\n  font-weight: 700;\n  font-size: 15px;\n  transition: 0.25s ease;\n}\n\n.otete-btn-primary {\n  background: var(--otete-coral);\n  color: #fff !important;\n  box-shadow: 0 12px 30px rgba(255, 113, 132, 0.24);\n}\n\n.otete-btn-primary:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 18px 38px rgba(255, 113, 132, 0.30);\n}\n\n.otete-btn-outline {\n  background: #fff;\n  color: var(--otete-text) !important;\n  border: 1px solid #e9e7e2;\n}\n\n.otete-btn-outline:hover {\n  transform: translateY(-3px);\n  border-color: var(--otete-green);\n}\n\n\/* ================================\n   COMMON TITLE\n================================ *\/\n\n.otete-heading {\n  margin-bottom: 55px;\n  text-align: center;\n}\n\n.otete-heading-en {\n  display: block;\n  margin-bottom: 8px;\n  color: var(--otete-coral);\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n}\n\n.otete-heading h2 {\n  margin-bottom: 18px;\n  font-size: clamp(28px, 4vw, 42px);\n  line-height: 1.4;\n  font-weight: 800;\n}\n\n.otete-heading p {\n  max-width: 700px;\n  margin: 0 auto;\n  color: var(--otete-subtext);\n  font-size: 15px;\n}\n\n\/* ================================\n   MESSAGE\n================================ *\/\n\n.otete-message {\n  background: #fff;\n}\n\n.otete-message-card {\n  position: relative;\n  max-width: 880px;\n  margin: 0 auto;\n  padding: 70px 60px;\n  text-align: center;\n  background: var(--otete-base);\n  border-radius: 36px;\n  border: 1px solid var(--otete-border);\n}\n\n.otete-message-mark {\n  width: 58px;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 0 auto 28px;\n  border-radius: 50%;\n  background: var(--otete-yellow);\n  font-size: 26px;\n}\n\n.otete-message-main {\n  margin-bottom: 25px !important;\n  font-size: clamp(24px, 3vw, 35px);\n  line-height: 1.65;\n  font-weight: 800;\n}\n\n.otete-message-main span {\n  color: var(--otete-coral);\n}\n\n.otete-message-text {\n  max-width: 680px;\n  margin: 0 auto !important;\n  color: var(--otete-subtext);\n  font-size: 16px;\n}\n\n\/* ================================\n   ABOUT\n================================ *\/\n\n.otete-about {\n  background: var(--otete-base);\n}\n\n.otete-about-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n}\n\n.otete-about-card {\n  padding: 42px 34px;\n  background: #fff;\n  border-radius: 28px;\n  box-shadow: 0 12px 40px rgba(38, 50, 56, 0.055);\n}\n\n.otete-about-number {\n  width: 46px;\n  height: 46px;\n  margin-bottom: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 14px;\n  font-size: 18px;\n  font-weight: 800;\n}\n\n.otete-about-card:nth-child(1) .otete-about-number {\n  background: var(--otete-coral-light);\n  color: var(--otete-coral);\n}\n\n.otete-about-card:nth-child(2) .otete-about-number {\n  background: var(--otete-green-light);\n  color: var(--otete-green);\n}\n\n.otete-about-card:nth-child(3) .otete-about-number {\n  background: var(--otete-yellow-light);\n  color: #c99a00;\n}\n\n.otete-about-card h3 {\n  margin-bottom: 14px;\n  font-size: 20px;\n  font-weight: 800;\n}\n\n.otete-about-card p {\n  margin-bottom: 0;\n  color: var(--otete-subtext);\n  font-size: 14px;\n}\n\n\/* ================================\n   FLOW\n================================ *\/\n\n.otete-flow {\n  background: #fff;\n}\n\n.otete-flow-list {\n  max-width: 850px;\n  margin: 0 auto;\n}\n\n.otete-flow-item {\n  position: relative;\n  display: grid;\n  grid-template-columns: 82px 1fr;\n  gap: 25px;\n  padding-bottom: 42px;\n}\n\n.otete-flow-item:not(:last-child)::before {\n  content: \"\";\n  position: absolute;\n  left: 39px;\n  top: 70px;\n  bottom: 5px;\n  width: 3px;\n  background: linear-gradient(\n    to bottom,\n    var(--otete-coral),\n    var(--otete-yellow),\n    var(--otete-green)\n  );\n  border-radius: 10px;\n}\n\n.otete-flow-no {\n  width: 78px;\n  height: 78px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  color: #fff;\n  font-size: 20px;\n  font-weight: 800;\n  position: relative;\n  z-index: 2;\n}\n\n.otete-flow-item:nth-child(1) .otete-flow-no {\n  background: var(--otete-coral);\n}\n\n.otete-flow-item:nth-child(2) .otete-flow-no {\n  background: #ffad47;\n}\n\n.otete-flow-item:nth-child(3) .otete-flow-no {\n  background: var(--otete-yellow);\n  color: #765800;\n}\n\n.otete-flow-item:nth-child(4) .otete-flow-no {\n  background: var(--otete-green);\n}\n\n.otete-flow-content {\n  padding: 14px 0 0;\n}\n\n.otete-flow-content h3 {\n  margin-bottom: 9px;\n  font-size: 21px;\n  font-weight: 800;\n}\n\n.otete-flow-content p {\n  margin-bottom: 0;\n  color: var(--otete-subtext);\n  font-size: 15px;\n}\n\n\/* ================================\n   EVERYONE\n================================ *\/\n\n.otete-everyone {\n  background:\n    linear-gradient(\n      135deg,\n      rgba(255, 240, 243, 0.9),\n      rgba(237, 255, 243, 0.75)\n    );\n}\n\n.otete-tags {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 12px;\n  max-width: 850px;\n  margin: 0 auto;\n}\n\n.otete-tag {\n  padding: 13px 21px;\n  background: #fff;\n  border-radius: 100px;\n  font-size: 14px;\n  font-weight: 700;\n  box-shadow: 0 5px 20px rgba(38, 50, 56, 0.05);\n}\n\n\/* ================================\n   ART\n================================ *\/\n\n.otete-art {\n  background: #fff;\n}\n\n.otete-art-box {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  overflow: hidden;\n  max-width: 980px;\n  margin: 0 auto;\n  border-radius: 34px;\n  background: var(--otete-base);\n  border: 1px solid var(--otete-border);\n}\n\n.otete-art-visual {\n  min-height: 380px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 60px;\n  background:\n    radial-gradient(circle at 30% 30%, #ffd85c 0 14%, transparent 15%),\n    radial-gradient(circle at 68% 25%, #ff7184 0 13%, transparent 14%),\n    radial-gradient(circle at 73% 72%, #4fbd78 0 15%, transparent 16%),\n    radial-gradient(circle at 32% 72%, #ff9f68 0 12%, transparent 13%),\n    #fff8ed;\n}\n\n.otete-hand {\n  font-size: clamp(80px, 10vw, 135px);\n  filter: drop-shadow(0 12px 18px rgba(38, 50, 56, 0.08));\n}\n\n.otete-art-copy {\n  padding: 60px 55px;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n}\n\n.otete-art-copy h3 {\n  margin-bottom: 18px;\n  font-size: clamp(24px, 3vw, 33px);\n  line-height: 1.5;\n  font-weight: 800;\n}\n\n.otete-art-copy p {\n  color: var(--otete-subtext);\n  font-size: 15px;\n}\n\n.otete-art-size {\n  margin-top: 15px;\n  padding: 17px 20px;\n  background: #fff;\n  border-radius: 16px;\n  font-size: 14px;\n  font-weight: 700;\n}\n\n\/* ================================\n   BAND\n================================ *\/\n\n.otete-band {\n  background: var(--otete-base);\n}\n\n.otete-band-card {\n  max-width: 960px;\n  margin: 0 auto;\n  padding: 60px;\n  background: #fff;\n  border-radius: 34px;\n  border: 1px solid var(--otete-border);\n  box-shadow: 0 15px 45px rgba(38, 50, 56, 0.055);\n}\n\n.otete-band-grid {\n  display: grid;\n  grid-template-columns: 0.85fr 1.15fr;\n  gap: 55px;\n  align-items: center;\n}\n\n.otete-band-icon {\n  min-height: 280px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 28px;\n  background: linear-gradient(\n    135deg,\n    var(--otete-coral-light),\n    var(--otete-yellow-light)\n  );\n  font-size: 100px;\n}\n\n.otete-band-content h3 {\n  margin-bottom: 18px;\n  font-size: 28px;\n  font-weight: 800;\n}\n\n.otete-band-content p {\n  color: var(--otete-subtext);\n  font-size: 15px;\n}\n\n.otete-price {\n  display: flex;\n  gap: 12px;\n  flex-wrap: wrap;\n  margin-top: 24px;\n}\n\n.otete-price-item {\n  padding: 13px 19px;\n  border-radius: 13px;\n  background: var(--otete-green-light);\n  color: #27854b;\n  font-size: 14px;\n  font-weight: 800;\n}\n\n\/* ================================\n   EVENT\n================================ *\/\n\n.otete-event {\n  background: #fff;\n}\n\n.otete-event-card {\n  max-width: 880px;\n  margin: 0 auto;\n  padding: 60px;\n  border-radius: 34px;\n  background:\n    linear-gradient(\n      135deg,\n      rgba(79, 189, 120, 0.10),\n      rgba(255, 216, 92, 0.18)\n    );\n}\n\n.otete-event-badge {\n  display: inline-block;\n  margin-bottom: 18px;\n  padding: 8px 17px;\n  border-radius: 100px;\n  color: #fff;\n  background: var(--otete-green);\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 0.07em;\n}\n\n.otete-event-card h3 {\n  margin-bottom: 25px;\n  font-size: clamp(26px, 3vw, 35px);\n  font-weight: 800;\n}\n\n.otete-event-info {\n  display: grid;\n  grid-template-columns: 110px 1fr;\n  gap: 13px;\n  padding: 13px 0;\n  border-bottom: 1px solid rgba(38, 50, 56, 0.08);\n}\n\n.otete-event-info:last-child {\n  border-bottom: 0;\n}\n\n.otete-event-title {\n  font-weight: 800;\n}\n\n.otete-event-detail {\n  color: var(--otete-subtext);\n}\n\n\/* ================================\n   CTA\n================================ *\/\n\n.otete-cta {\n  padding: 105px 0;\n  text-align: center;\n  background:\n    radial-gradient(\n      circle at 20% 30%,\n      rgba(255, 216, 92, 0.4),\n      transparent 30%\n    ),\n    radial-gradient(\n      circle at 80% 70%,\n      rgba(79, 189, 120, 0.25),\n      transparent 30%\n    ),\n    var(--otete-coral-light);\n}\n\n.otete-cta-inner {\n  max-width: 760px;\n  margin: 0 auto;\n}\n\n.otete-cta h2 {\n  margin-bottom: 20px;\n  font-size: clamp(30px, 4vw, 46px);\n  line-height: 1.5;\n  font-weight: 800;\n}\n\n.otete-cta p {\n  margin-bottom: 32px;\n  color: var(--otete-subtext);\n}\n\n\/* ================================\n   MOBILE\n================================ *\/\n\n@media (max-width: 800px) {\n\n  .otete-container {\n    width: min(100% - 28px, 1120px);\n  }\n\n  .otete-section {\n    padding: 75px 0;\n  }\n\n  .otete-hero {\n    padding: 85px 0 80px;\n  }\n\n  .otete-about-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .otete-message-card {\n    padding: 50px 25px;\n    border-radius: 26px;\n  }\n\n  .otete-art-box,\n  .otete-band-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .otete-art-visual {\n    min-height: 270px;\n  }\n\n  .otete-art-copy {\n    padding: 40px 28px;\n  }\n\n  .otete-band-card {\n    padding: 28px;\n  }\n\n  .otete-band-grid {\n    gap: 30px;\n  }\n\n  .otete-band-icon {\n    min-height: 220px;\n  }\n\n  .otete-event-card {\n    padding: 38px 25px;\n  }\n\n  .otete-event-info {\n    grid-template-columns: 1fr;\n    gap: 2px;\n  }\n\n  .otete-flow-item {\n    grid-template-columns: 60px 1fr;\n    gap: 17px;\n  }\n\n  .otete-flow-no {\n    width: 58px;\n    height: 58px;\n    font-size: 16px;\n  }\n\n  .otete-flow-item:not(:last-child)::before {\n    left: 28px;\n    top: 52px;\n  }\n\n  .otete-flow-content {\n    padding-top: 5px;\n  }\n}\n<\/style>\n\n\n<div class=\"otete-page\">\n\n  <!-- HERO -->\n  <section class=\"otete-hero\">\n    <div class=\"otete-container\">\n      <div class=\"otete-hero-inner\">\n\n        <div class=\"otete-label\">\n          <span class=\"otete-label-dot\"><\/span>\n          Co Being Charity Project\n        <\/div>\n\n        <h1>\n          OTETE <span class=\"otete-accent\">to<\/span> OTETE\n        <\/h1>\n\n        <p class=\"otete-hero-copy\">\n          \u624b\u3068\u624b\u304b\u3089\u3001\u60f3\u3044\u3092\u3064\u306a\u3050\u3002<br>\n          \u30a2\u30fc\u30c8\u3067\u3064\u306a\u304c\u308b\u30c1\u30e3\u30ea\u30c6\u30a3\u30fc\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3002\n        <\/p>\n\n        <p class=\"otete-hero-description\">\n          \u5168\u56fd\u306e\u4eba\u305f\u3061\u306e\u624b\u5f62\u3092\u3001\u4eba\u304b\u3089\u4eba\u3078\u3001\u5730\u57df\u304b\u3089\u5730\u57df\u3078\u3002\n          \u307f\u3093\u306a\u3067\u3072\u3068\u3064\u306e\u4f5c\u54c1\u3092\u3064\u304f\u308a\u306a\u304c\u3089\u3001\n          \u707d\u5bb3\u3092\u5fd8\u308c\u305a\u3001\u6c17\u306b\u304b\u3051\u7d9a\u3051\u3001\n          \u4eba\u3068\u306e\u3064\u306a\u304c\u308a\u3092\u901a\u3057\u3066\u300c\u5fc3\u306e\u5fa9\u8208\u300d\u3092\u5fdc\u63f4\u3057\u307e\u3059\u3002\n        <\/p>\n\n        <div class=\"otete-btns\">\n          <a href=\"#otete-about\" class=\"otete-btn otete-btn-primary\">\n            \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u3064\u3044\u3066\n          <\/a>\n\n          <a href=\"#otete-event\" class=\"otete-btn otete-btn-outline\">\n            \u958b\u50ac\u60c5\u5831\u3092\u898b\u308b\n          <\/a>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n  <!-- MESSAGE -->\n  <section class=\"otete-section otete-message\">\n    <div class=\"otete-container\">\n\n      <div class=\"otete-message-card\">\n\n        <div class=\"otete-message-mark\">\ud83e\udd1d<\/div>\n\n        <p class=\"otete-message-main\">\n          \u5fd8\u308c\u306a\u3044\u3002<br>\n          \u6c17\u306b\u304b\u3051\u7d9a\u3051\u308b\u3002<br>\n          \u305d\u3057\u3066\u3001<span>\u3064\u306a\u304c\u308a\u7d9a\u3051\u308b\u3002<\/span>\n        <\/p>\n\n        <p class=\"otete-message-text\">\n          \u707d\u5bb3\u3078\u306e\u652f\u63f4\u3092\u4e00\u5ea6\u304d\u308a\u3067\u7d42\u308f\u3089\u305b\u308b\u306e\u3067\u306f\u306a\u304f\u3001\n          \u4eba\u3068\u4eba\u3068\u306e\u3064\u306a\u304c\u308a\u3092\u80b2\u3066\u306a\u304c\u3089\u3001\n          \u88ab\u707d\u3057\u305f\u5730\u57df\u3084\u305d\u3053\u306b\u66ae\u3089\u3059\u4eba\u305f\u3061\u3092\u60f3\u3044\u7d9a\u3051\u308b\u3002\n          OTETE to OTETE\u306f\u3001\u305d\u3093\u306a\u65b0\u3057\u3044\u652f\u63f4\u306e\u5f62\u3092\u76ee\u6307\u3057\u3066\u3044\u307e\u3059\u3002\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n\n  <!-- ABOUT -->\n  <section id=\"otete-about\" class=\"otete-section otete-about\">\n    <div class=\"otete-container\">\n\n      <div class=\"otete-heading\">\n        <span class=\"otete-heading-en\">About<\/span>\n        <h2>OTETE to OTETE\u3068\u306f<\/h2>\n        <p>\n          \u300c\u624b\u5f62\u300d\u3092\u901a\u3057\u3066\u4eba\u3068\u4eba\u3001\u5730\u57df\u3068\u5730\u57df\u3092\u3064\u306a\u304e\u3001\n          \u307f\u3093\u306a\u3067\u3072\u3068\u3064\u306e\u4f5c\u54c1\u3092\u80b2\u3066\u3066\u3044\u304f\u53c2\u52a0\u578b\u30a2\u30fc\u30c8\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u3059\u3002\n        <\/p>\n      <\/div>\n\n      <div class=\"otete-about-grid\">\n\n        <div class=\"otete-about-card\">\n          <div class=\"otete-about-number\">01<\/div>\n          <h3>\u30a2\u30fc\u30c8\u3067\u3064\u306a\u304c\u308b<\/h3>\n          <p>\n            \u597d\u304d\u306a\u8272\u3092\u9078\u3093\u3067\u30ad\u30e3\u30f3\u30d0\u30b9\u306b\u624b\u5f62\u3092\u6b8b\u3057\u307e\u3059\u3002\n            \u5e74\u9f62\u3084\u969c\u304c\u3044\u3001\u7acb\u5834\u306a\u3069\u306b\u95a2\u4fc2\u306a\u304f\u3001\n            \u4e00\u4eba\u3072\u3068\u308a\u306e\u53c2\u52a0\u304c\u4f5c\u54c1\u306e\u4e00\u90e8\u306b\u306a\u308a\u307e\u3059\u3002\n          <\/p>\n        <\/div>\n\n        <div class=\"otete-about-card\">\n          <div class=\"otete-about-number\">02<\/div>\n          <h3>\u5730\u57df\u304b\u3089\u5730\u57df\u3078<\/h3>\n          <p>\n            \u5b8c\u6210\u9014\u4e2d\u306e\u4f5c\u54c1\u3092\u6b21\u306e\u5730\u57df\u3078\u3068\u3064\u306a\u304e\u3001\n            \u3055\u307e\u3056\u307e\u306a\u5834\u6240\u3067\u65b0\u3057\u3044\u624b\u5f62\u3068\u60f3\u3044\u3092\u91cd\u306d\u306a\u304c\u3089\n            \u5168\u56fd\u3078\u5e83\u3052\u3066\u3044\u304d\u307e\u3059\u3002\n          <\/p>\n        <\/div>\n\n        <div class=\"otete-about-card\">\n          <div class=\"otete-about-number\">03<\/div>\n          <h3>\u88ab\u707d\u5730\u57df\u3078\u5c4a\u3051\u308b<\/h3>\n          <p>\n            \u6700\u5f8c\u306f\u88ab\u707d\u5730\u57df\u3078\u4f5c\u54c1\u3092\u5c4a\u3051\u3001\n            \u5730\u57df\u306e\u65b9\u306b\u3082\u624b\u5f62\u3092\u52a0\u3048\u3066\u3044\u305f\u3060\u304f\u3053\u3068\u3067\u3001\n            \u307f\u3093\u306a\u3067\u3072\u3068\u3064\u306e\u4f5c\u54c1\u3092\u5b8c\u6210\u3055\u305b\u307e\u3059\u3002\n          <\/p>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n  <!-- FLOW -->\n  <section class=\"otete-section otete-flow\">\n    <div class=\"otete-container\">\n\n      <div class=\"otete-heading\">\n        <span class=\"otete-heading-en\">How it works<\/span>\n        <h2>\u60f3\u3044\u304c\u3064\u306a\u304c\u308b\u307e\u3067<\/h2>\n        <p>\n          \u4e00\u4eba\u306e\u5c0f\u3055\u306a\u53c2\u52a0\u304b\u3089\u3001\u3072\u3068\u3064\u306e\u5927\u304d\u306a\u3064\u306a\u304c\u308a\u3078\u3002\n        <\/p>\n      <\/div>\n\n      <div class=\"otete-flow-list\">\n\n        <div class=\"otete-flow-item\">\n          <div class=\"otete-flow-no\">01<\/div>\n          <div class=\"otete-flow-content\">\n            <h3>\u597d\u304d\u306a\u8272\u3092\u9078\u3076<\/h3>\n            <p>\n              \u81ea\u5206\u304c\u597d\u304d\u306a\u8272\u3001\u5c4a\u3051\u305f\u3044\u60f3\u3044\u3092\u8868\u3059\u8272\u3002\n              \u4e00\u4eba\u3072\u3068\u308a\u304c\u81ea\u7531\u306b\u9078\u3073\u307e\u3059\u3002\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"otete-flow-item\">\n          <div class=\"otete-flow-no\">02<\/div>\n          <div class=\"otete-flow-content\">\n            <h3>\u624b\u5f62\u3092\u6b8b\u3059<\/h3>\n            <p>\n              \u30ad\u30e3\u30f3\u30d0\u30b9\u306b\u81ea\u5206\u306e\u624b\u5f62\u3092\u62bc\u3057\u307e\u3059\u3002\n              \u5c0f\u3055\u306a\u624b\u3082\u3001\u5927\u304d\u306a\u624b\u3082\u3001\u3059\u3079\u3066\u304c\u4f5c\u54c1\u306e\u5927\u5207\u306a\u4e00\u90e8\u3067\u3059\u3002\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"otete-flow-item\">\n          <div class=\"otete-flow-no\">03<\/div>\n          <div class=\"otete-flow-content\">\n            <h3>\u6b21\u306e\u5730\u57df\u3078\u3064\u306a\u3050<\/h3>\n            <p>\n              \u624b\u5f62\u3068\u60f3\u3044\u304c\u91cd\u306a\u3063\u305f\u30ad\u30e3\u30f3\u30d0\u30b9\u3092\u3001\n              \u4eba\u304b\u3089\u4eba\u3078\u3001\u5730\u57df\u304b\u3089\u5730\u57df\u3078\u3068\u30ea\u30ec\u30fc\u3057\u3066\u3044\u304d\u307e\u3059\u3002\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"otete-flow-item\">\n          <div class=\"otete-flow-no\">04<\/div>\n          <div class=\"otete-flow-content\">\n            <h3>\u88ab\u707d\u5730\u57df\u3068\u4e00\u7dd2\u306b\u5b8c\u6210<\/h3>\n            <p>\n              \u6700\u5f8c\u306f\u88ab\u707d\u5730\u57df\u306e\u65b9\u306b\u3082\u624b\u5f62\u3092\u52a0\u3048\u3066\u3044\u305f\u3060\u304d\u3001\n              \u307f\u3093\u306a\u306e\u60f3\u3044\u304c\u3064\u306a\u304c\u3063\u305f\u3072\u3068\u3064\u306e\u4f5c\u54c1\u3068\u3057\u3066\u5b8c\u6210\u3057\u307e\u3059\u3002\n            <\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n  <!-- EVERYONE -->\n  <section class=\"otete-section otete-everyone\">\n    <div class=\"otete-container\">\n\n      <div class=\"otete-heading\">\n        <span class=\"otete-heading-en\">Everyone<\/span>\n        <h2>\u8ab0\u3067\u3082\u53c2\u52a0\u3067\u304d\u308b\u30d7\u30ed\u30b8\u30a7\u30af\u30c8<\/h2>\n        <p>\n          OTETE to OTETE\u306b\u3001\u53c2\u52a0\u3059\u308b\u305f\u3081\u306e\u7279\u5225\u306a\u6761\u4ef6\u306f\u3042\u308a\u307e\u305b\u3093\u3002\n          \u305d\u308c\u305e\u308c\u306e\u300c\u3067\u304d\u308b\u5f62\u300d\u3067\u53c2\u52a0\u3067\u304d\u307e\u3059\u3002\n        <\/p>\n      <\/div>\n\n      <div class=\"otete-tags\">\n        <span class=\"otete-tag\">\ud83d\udc67 \u5b50\u3069\u3082<\/span>\n        <span class=\"otete-tag\">\ud83d\udc68 \u5927\u4eba<\/span>\n        <span class=\"otete-tag\">\ud83c\udf31 \u969c\u304c\u3044\u306e\u3042\u308b\u65b9<\/span>\n        <span class=\"otete-tag\">\ud83c\udfe0 \u5730\u57df\u306e\u65b9<\/span>\n        <span class=\"otete-tag\">\ud83e\udd1d \u798f\u7949\u95a2\u4fc2\u8005<\/span>\n        <span class=\"otete-tag\">\ud83e\ude7a \u533b\u7642\u95a2\u4fc2\u8005<\/span>\n        <span class=\"otete-tag\">\u2728 \u521d\u3081\u3066\u53c2\u52a0\u3059\u308b\u65b9<\/span>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n\n  <!-- ART -->\n  <section class=\"otete-section otete-art\">\n    <div class=\"otete-container\">\n\n      <div class=\"otete-heading\">\n        <span class=\"otete-heading-en\">Handprint Art<\/span>\n        <h2>\u307f\u3093\u306a\u306e\u624b\u3067\u80b2\u3064\u4f5c\u54c1<\/h2>\n      <\/div>\n\n      <div class=\"otete-art-box\">\n\n        <div class=\"otete-art-visual\">\n          <div class=\"otete-hand\">\u270b<\/div>\n        <\/div>\n\n        <div class=\"otete-art-copy\">\n\n          <h3>\n            \u540c\u3058\u624b\u5f62\u306f\u3001<br>\n            \u3072\u3068\u3064\u3082\u3042\u308a\u307e\u305b\u3093\u3002\n          <\/h3>\n\n          <p>\n            \u8272\u3082\u3001\u5927\u304d\u3055\u3082\u3001\u5f62\u3082\u9055\u3046\u4e00\u4eba\u3072\u3068\u308a\u306e\u624b\u3002\n            \u305d\u306e\u9055\u3044\u3092\u305d\u306e\u307e\u307e\u4f5c\u54c1\u306b\u91cd\u306d\u3066\u3044\u304f\u3053\u3068\u3067\u3001\n            \u591a\u69d8\u306a\u4eba\u305f\u3061\u304c\u3064\u306a\u304c\u308b\u3072\u3068\u3064\u306e\u30a2\u30fc\u30c8\u304c\u751f\u307e\u308c\u307e\u3059\u3002\n          <\/p>\n\n          <div class=\"otete-art-size\">\n            \u57fa\u672c\u4f5c\u54c1\u30b5\u30a4\u30ba\uff1a90cm \u00d7 90cm \u30ad\u30e3\u30f3\u30d0\u30b9 \u00d7 2\u679a\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n\n  <!-- CHARITY BAND -->\n  <section class=\"otete-section otete-band\">\n    <div class=\"otete-container\">\n\n      <div class=\"otete-heading\">\n        <span class=\"otete-heading-en\">Support<\/span>\n        <h2>\u8eab\u306b\u3064\u3051\u308b\u3053\u3068\u3082\u3001\u652f\u63f4\u306b\u3064\u306a\u304c\u308b<\/h2>\n      <\/div>\n\n      <div class=\"otete-band-card\">\n\n        <div class=\"otete-band-grid\">\n\n          <div class=\"otete-band-icon\">\n            \u2661\n          <\/div>\n\n          <div class=\"otete-band-content\">\n\n            <h3>OTETE to OTETE<br>\u30c1\u30e3\u30ea\u30c6\u30a3\u30fc\u30d0\u30f3\u30c9<\/h3>\n\n            <p>\n              \u30d0\u30f3\u30c9\u3092\u8eab\u306b\u3064\u3051\u308b\u3053\u3068\u304c\u3001\n              \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u77e5\u3063\u3066\u3082\u3089\u3046\u304d\u3063\u304b\u3051\u306b\u306a\u308a\u307e\u3059\u3002\n            <\/p>\n\n            <p>\n              \u81ea\u5206\u7528\u3068\u3057\u3066\u8eab\u306b\u3064\u3051\u308b\u3060\u3051\u3067\u306a\u304f\u3001\n              \u5bb6\u65cf\u3084\u53cb\u4eba\u3001\u5927\u5207\u306a\u4eba\u3078\u6e21\u3059\u3053\u3068\u3067\u3001\n              \u652f\u63f4\u306e\u8f2a\u3092\u4eba\u304b\u3089\u4eba\u3078\u3068\u3064\u306a\u3044\u3067\u3044\u304d\u307e\u3059\u3002\n            <\/p>\n\n            <p>\n              \u58f2\u4e0a\u306e\u4e00\u90e8\u306f\u3001\u5168\u56fd\u3067\u707d\u5bb3\u304c\u767a\u751f\u3057\u305f\u969b\u306e\n              \u652f\u63f4\u30fb\u5bc4\u4ed8\u6d3b\u52d5\u306b\u6d3b\u7528\u3057\u307e\u3059\u3002\n            <\/p>\n\n            <div class=\"otete-price\">\n              <span class=\"otete-price-item\">\n                2\u672c\u30bb\u30c3\u30c8 1,000\u5186\uff08\u7a0e\u8fbc\uff09\n              <\/span>\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n  <!-- FIRST EVENT -->\n  <section id=\"otete-event\" class=\"otete-section otete-event\">\n    <div class=\"otete-container\">\n\n      <div class=\"otete-heading\">\n        <span class=\"otete-heading-en\">First Event<\/span>\n        <h2>\u6700\u521d\u306e\u4e00\u6b69\u3092\u3001\u5927\u962a\u304b\u3089\u3002<\/h2>\n        <p>\n          OTETE to OTETE\u306f\u3001\n          \u30b3\u30d3\u30f3\u30b0\u30c1\u30e3\u30ec\u30f3\u30b8\u30d5\u30a7\u30b9\u30c6\u30a3\u30d0\u30eb2026\u304b\u3089\u30b9\u30bf\u30fc\u30c8\u3057\u307e\u3059\u3002\n        <\/p>\n      <\/div>\n\n      <div class=\"otete-event-card\">\n\n        <div class=\"otete-event-badge\">\n          FIRST PROJECT\n        <\/div>\n\n        <h3>\n          \u30b3\u30d3\u30f3\u30b0\u30c1\u30e3\u30ec\u30f3\u30b8<br>\n          \u30d5\u30a7\u30b9\u30c6\u30a3\u30d0\u30eb2026\n        <\/h3>\n\n        <div class=\"otete-event-info\">\n          <div class=\"otete-event-title\">\u958b\u50ac\u65e5<\/div>\n          <div class=\"otete-event-detail\">\n            2026\u5e7412\u67085\u65e5\uff08\u571f\uff09\n          <\/div>\n        <\/div>\n\n        <div class=\"otete-event-info\">\n          <div class=\"otete-event-title\">\u4f1a\u5834<\/div>\n          <div class=\"otete-event-detail\">\n            \u516b\u5c3e\u5e02\u7acb\u7dcf\u5408\u4f53\u80b2\u9928\n          <\/div>\n        <\/div>\n\n        <div class=\"otete-event-info\">\n          <div class=\"otete-event-title\">\u5185\u5bb9<\/div>\n          <div class=\"otete-event-detail\">\n            \u624b\u5f62\u30a2\u30fc\u30c8\u3092\u901a\u3058\u305f\u53c2\u52a0\u578b\u30c1\u30e3\u30ea\u30c6\u30a3\u30fc\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\n          <\/div>\n        <\/div>\n\n        <div class=\"otete-event-info\">\n          <div class=\"otete-event-title\">\u4e3b\u50ac<\/div>\n          <div class=\"otete-event-detail\">\n            \u4e00\u822c\u793e\u56e3\u6cd5\u4eba Co Being\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n\n  <!-- CTA -->\n  <section class=\"otete-cta\">\n    <div class=\"otete-container\">\n\n      <div class=\"otete-cta-inner\">\n\n        <h2>\n          \u3042\u306a\u305f\u306e\u624b\u304b\u3089\u3001<br>\n          \u6b21\u306e\u8ab0\u304b\u3078\u3002\n        <\/h2>\n\n        <p>\n          \u4e00\u4eba\u3067\u306f\u5c0f\u3055\u306a\u4e00\u6b69\u3067\u3082\u3001\n          \u624b\u3068\u624b\u304c\u3064\u306a\u304c\u308c\u3070\u5927\u304d\u306a\u529b\u306b\u306a\u308a\u307e\u3059\u3002<br>\n          OTETE to OTETE\u3068\u4e00\u7dd2\u306b\u3001\n          \u60f3\u3044\u3092\u672a\u6765\u3078\u3064\u306a\u3044\u3067\u307f\u307e\u305b\u3093\u304b\uff1f\n        <\/p>\n\n        <div class=\"otete-btns\">\n\n          <a href=\"https:\/\/co-being.org\/?page_id=265\" class=\"otete-btn otete-btn-primary\">\n            \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u3064\u3044\u3066\u554f\u3044\u5408\u308f\u305b\u308b\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"Co Being Charity Project OTETE to OTETE \u624b\u3068\u624b\u304b\u3089\u3001\u60f3\u3044\u3092\u3064\u306a\u3050\u3002 \u30a2\u30fc\u30c8\u3067\u3064\u306a\u304c\u308b\u30c1\u30e3\u30ea\u30c6\u30a3\u30fc\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3002 [&hellip;]","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-303","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/co-being.org\/index.php?rest_route=\/wp\/v2\/pages\/303","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/co-being.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/co-being.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/co-being.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/co-being.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=303"}],"version-history":[{"count":2,"href":"https:\/\/co-being.org\/index.php?rest_route=\/wp\/v2\/pages\/303\/revisions"}],"predecessor-version":[{"id":387,"href":"https:\/\/co-being.org\/index.php?rest_route=\/wp\/v2\/pages\/303\/revisions\/387"}],"wp:attachment":[{"href":"https:\/\/co-being.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=303"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}