Paws&Co. | \u5343\u8449\u770c\u306e\u611b\u72ac\u5bb6\u30aa\u30f3\u30e9\u30a4\u30f3\u30b3\u30df\u30e5\u30cb\u30c6\u30a3<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Zen+Maru+Gothic:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n sans: ['\"Zen Maru Gothic\"', 'sans-serif'],\n },\n colors: {\n 'primary-light': '#FCE7F3', \/\/ \u512a\u3057\u3044\u30d4\u30f3\u30af\n 'primary': '#F472B6', \/\/ \u30a2\u30af\u30bb\u30f3\u30c8\u30d4\u30f3\u30af\n 'primary-dark': '#DB2777',\n 'secondary': '#FEF3C7', \/\/ \u6e29\u304b\u307f\u306e\u3042\u308b\u30a4\u30a8\u30ed\u30fc\n 'text-main': '#4B5563', \/\/ \u67d4\u3089\u304b\u3044\u30b0\u30ec\u30fc\u30c6\u30ad\u30b9\u30c8\n 'line-green': '#06C755', \/\/ LINE\u306e\u30d6\u30e9\u30f3\u30c9\u30ab\u30e9\u30fc\n }\n }\n }\n }\n <\/script>\n <style>\n body {\n background-color: #FAFAF9;\n color: #4B5563;\n }\n .hero-pattern {\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M54.627 0l.83.83-54.627 54.627-.83-.83L54.627 0zM0 54.627l.83.83L0 55.457v-.83zM55.457 0l.83.83L56.287 0h-.83z' fill='%23fce7f3' fill-opacity='0.4' fill-rule='evenodd'\/%3E%3C\/svg%3E\");\n }\n .paw-print {\n animation: bounce 2s infinite alternate;\n }\n @keyframes bounce {\n 0% { transform: translateY(0); }\n 100% { transform: translateY(-10px); }\n }\n \/* Fade-in animation *\/\n .fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n }\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n <\/style>\n<\/head>\n<body class=\"antialiased font-sans\">\n\n \n <header class=\"bg-white shadow-sm sticky top-0 z-50\">\n <div class=\"max-w-4xl mx-auto px-4 py-3 flex justify-between items-center\">\n <div class=\"flex items-center gap-2\">\n <i class=\"fa-solid fa-paw text-primary text-2xl\"><\/i>\n <h1 class=\"text-xl font-bold text-text-main\" id=\"i-0\">Paws&Co.<\/h1>\n <\/div>\n <nav>\n <a href=\"https:\/\/line.me\/ti\/g2\/JcgE5_SF-QPCCdtt_K28LPdJ4nxWCQjW-qZ6MQ?utm_source=invitation&utm_medium=link_copy&utm_campaign=default\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"bg-line-green hover:bg-green-600 text-white font-medium py-2 px-4 rounded-full transition-colors text-sm shadow-md flex items-center gap-2\">\n <i class=\"fa-brands fa-line text-lg\"><\/i> \u53c2\u52a0\u3059\u308b\n <\/a>\n <\/nav>\n <\/div>\n <\/header>\n\n \n <section class=\"hero-pattern bg-secondary\/30 pt-16 pb-20 px-4 text-center\">\n <div class=\"max-w-3xl mx-auto fade-in\">\n <div class=\"inline-block bg-primary-light text-primary-dark font-bold px-4 py-1 rounded-full text-sm mb-6 border border-primary\/20\">\n \u5343\u8449\u770c\u9650\u5b9a\ud83d\udc36\u611b\u72ac\u5bb6\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\n <\/div>\n <div class=\"toc\"><br \/>\n<b>Warning<\/b>: Undefined array key \"is_admin\" in <b>\/home\/salamasa\/petconnectjp.com\/public_html\/wp-content\/themes\/sango-theme\/library\/gutenberg\/dist\/classes\/Toc.php<\/b> on line <b>113<\/b><br \/>\n<br \/>\n<b>Warning<\/b>: Undefined array key \"is_category_top\" in <b>\/home\/salamasa\/petconnectjp.com\/public_html\/wp-content\/themes\/sango-theme\/library\/gutenberg\/dist\/classes\/Toc.php<\/b> on line <b>118<\/b><br \/>\n<br \/>\n<b>Warning<\/b>: Undefined array key \"is_top\" in <b>\/home\/salamasa\/petconnectjp.com\/public_html\/wp-content\/themes\/sango-theme\/library\/gutenberg\/dist\/classes\/Toc.php<\/b> on line <b>124<\/b><br \/>\n<\/div><h2 class=\"text-3xl md:text-5xl font-bold mb-6 leading-tight text-gray-800\" id=\"i-1\">\n \u5343\u8449\u306e\u30ef\u30f3\u30b3\u597d\u304d\u3001<br class=\"md:hidden\">\u96c6\u307e\u308c\uff01\n <\/h2>\n <p class=\"text-lg md:text-xl mb-10 text-text-main leading-relaxed\">\n \u300cPaws&Co.\u300d\u306f\u3001\u5343\u8449\u770c\u306b\u304a\u4f4f\u307e\u3044\u306e\u611b\u72ac\u5bb6\u306e\u305f\u3081\u306e<br class=\"hidden md:block\">LINE\u30aa\u30fc\u30d7\u30f3\u30c1\u30e3\u30c3\u30c8\u3067\u3059\u3002<br>\n \u3054\u8fd1\u6240\u306e\u72ac\u53cb\u4f5c\u308a\u3084\u3001\u304a\u3059\u3059\u3081\u30b9\u30dd\u30c3\u30c8\u306e\u5171\u6709\u306a\u3069\u3001<br class=\"hidden md:block\">\u3086\u308b\u304f\u697d\u3057\u304f\u4ea4\u6d41\u3057\u307e\u305b\u3093\u304b\uff1f\n <\/p>\n \n <div class=\"relative inline-block\">\n <a href=\"https:\/\/line.me\/ti\/g2\/JcgE5_SF-QPCCdtt_K28LPdJ4nxWCQjW-qZ6MQ?utm_source=invitation&utm_medium=link_copy&utm_campaign=default\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"bg-line-green hover:bg-green-600 text-white font-bold text-lg py-4 px-8 rounded-full shadow-lg transition-transform transform hover:scale-105 flex items-center justify-center gap-3\">\n <i class=\"fa-brands fa-line text-2xl\"><\/i> \u30aa\u30fc\u30d7\u30f3\u30c1\u30e3\u30c3\u30c8\u306b\u53c2\u52a0\u3059\u308b\n <\/a>\n <i class=\"fa-solid fa-paw text-primary absolute -top-4 -right-4 text-2xl paw-print transform rotate-12\"><\/i>\n <p class=\"text-sm mt-3 text-gray-500\">\u203b\u533f\u540d\u3067\u53c2\u52a0\u3067\u304d\u307e\u3059\u3002\u53c2\u52a0\u8cbb\u306f\u7121\u6599\u3067\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 px-4 bg-white\">\n <div class=\"max-w-4xl mx-auto\">\n <div class=\"text-center mb-12 fade-in\">\n <h3 class=\"text-2xl md:text-3xl font-bold text-gray-800 flex items-center justify-center gap-2\" id=\"i-2\">\n <i class=\"fa-solid fa-bone text-secondary\"><\/i>\n Paws&Co. \u3067\u3067\u304d\u308b\u3053\u3068\n <i class=\"fa-solid fa-bone text-secondary\"><\/i>\n <\/h3>\n <p class=\"mt-4 text-text-main\">\u5343\u8449\u770c\u3068\u3044\u3046\u30ed\u30fc\u30ab\u30eb\u306a\u7e4b\u304c\u308a\u3060\u304b\u3089\u3053\u305d\u3001\u5f79\u7acb\u3064\u60c5\u5831\u304c\u3044\u3063\u3071\u3044\u3067\u3059\u3002<\/p>\n <\/div>\n\n <div class=\"grid md:grid-cols-3 gap-8\">\n \n <div class=\"bg-primary-light\/30 p-6 rounded-2xl text-center shadow-sm border border-primary-light fade-in hover:shadow-md transition-shadow\">\n <div class=\"bg-white w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4 shadow-sm text-primary text-2xl\">\n <i class=\"fa-solid fa-user-group\"><\/i>\n <\/div>\n <h4 class=\"text-xl font-bold mb-3 text-gray-800\" id=\"i-3\">\u3054\u8fd1\u6240\u306e\u72ac\u53cb\u4f5c\u308a<\/h4>\n <p class=\"text-text-main text-sm leading-relaxed\">\n \u300c\u3007\u3007\u516c\u5712\u306b\u3088\u304f\u884c\u304d\u307e\u3059\uff01\u300d\u306a\u3069\u3001\u8fd1\u6240\u306e\u6563\u6b69\u4ef2\u9593\u3092\u898b\u3064\u3051\u305f\u308a\u3001\u4f11\u65e5\u306e\u304a\u51fa\u304b\u3051\u4ef2\u9593\u3092\u63a2\u305b\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n \n <div class=\"bg-secondary\/30 p-6 rounded-2xl text-center shadow-sm border border-secondary\/50 fade-in hover:shadow-md transition-shadow\" style=\"transition-delay: 100ms;\">\n <div class=\"bg-white w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4 shadow-sm text-yellow-500 text-2xl\">\n <i class=\"fa-solid fa-map-location-dot\"><\/i>\n <\/div>\n <h4 class=\"text-xl font-bold mb-3 text-gray-800\" id=\"i-4\">\u30ed\u30fc\u30ab\u30eb\u60c5\u5831\u306e\u4ea4\u63db<\/h4>\n <p class=\"text-text-main text-sm leading-relaxed\">\n \u72ac\u540c\u4f34OK\u306e\u30ab\u30d5\u30a7\u3001\u30c9\u30c3\u30b0\u30e9\u30f3\u306e\u6df7\u96d1\u72b6\u6cc1\u3001\u8a55\u5224\u306e\u826f\u3044\u52d5\u7269\u75c5\u9662\u306a\u3069\u3001\u30ea\u30a2\u30eb\u3067\u30bf\u30a4\u30e0\u30ea\u30fc\u306a\u60c5\u5831\u4ea4\u63db\u304c\u3067\u304d\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n \n <div class=\"bg-blue-50 p-6 rounded-2xl text-center shadow-sm border border-blue-100 fade-in hover:shadow-md transition-shadow\" style=\"transition-delay: 200ms;\">\n <div class=\"bg-white w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4 shadow-sm text-blue-400 text-2xl\">\n <i class=\"fa-solid fa-camera-retro\"><\/i>\n <\/div>\n <h4 class=\"text-xl font-bold mb-3 text-gray-800\" id=\"i-5\">\u3046\u3061\u306e\u5b50\u81ea\u6162<\/h4>\n <p class=\"text-text-main text-sm leading-relaxed\">\n \u53ef\u611b\u3044\u5199\u771f\u3084\u52d5\u753b\u3092\u30b7\u30a7\u30a2\u3057\u3066\u7652\u3084\u3057\u5408\u3044\u307e\u3057\u3087\u3046\u3002\u3057\u3064\u3051\u3084\u30d5\u30fc\u30c9\u306e\u60a9\u307f\u76f8\u8ac7\u3082\u6c17\u8efd\u306b\u3067\u304d\u307e\u3059\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 px-4 bg-gray-50\">\n <div class=\"max-w-3xl mx-auto fade-in\">\n <div class=\"bg-white rounded-3xl p-8 shadow-sm border border-gray-100\">\n <h3 class=\"text-2xl font-bold text-center mb-8 text-gray-800 border-b pb-4\" id=\"i-6\">\n <i class=\"fa-solid fa-heart text-primary-dark mr-2\"><\/i>\u5b89\u5fc3\u3057\u3066\u304a\u8a71\u3044\u305f\u3060\u304f\u305f\u3081\u306b\n <\/h3>\n <ul class=\"space-y-4\">\n <li class=\"flex items-start gap-3\">\n <i class=\"fa-solid fa-check text-green-500 mt-1\"><\/i>\n <div>\n <span class=\"font-bold text-gray-800\">\u533f\u540d\uff08\u30cb\u30c3\u30af\u30cd\u30fc\u30e0\uff09\u3067\u53c2\u52a0OK<\/span>\n <p class=\"text-sm text-text-main mt-1\">LINE\u306e\u666e\u6bb5\u306e\u30a2\u30ab\u30a6\u30f3\u30c8\u540d\u3084\u30a2\u30a4\u30b3\u30f3\u306f\u516c\u958b\u3055\u308c\u307e\u305b\u3093\u3002\u5c02\u7528\u306e\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u3092\u8a2d\u5b9a\u3067\u304d\u307e\u3059\u3002<\/p>\n <\/div>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <i class=\"fa-solid fa-check text-green-500 mt-1\"><\/i>\n <div>\n <span class=\"font-bold text-gray-800\">ROM\u5c02\uff08\u8aad\u3080\u3060\u3051\uff09\u3082\u5927\u6b53\u8fce<\/span>\n <p class=\"text-sm text-text-main mt-1\">\u60c5\u5831\u53ce\u96c6\u76ee\u7684\u3067\u306e\u53c2\u52a0\u3082\u3082\u3061\u308d\u3093OK\u3067\u3059\u3002\u7121\u7406\u306b\u767a\u8a00\u3059\u308b\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n <\/div>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <i class=\"fa-solid fa-check text-green-500 mt-1\"><\/i>\n <div>\n <span class=\"font-bold text-gray-800\">\u30de\u30ca\u30fc\u3092\u5b88\u3063\u305f\u512a\u3057\u3044\u7a7a\u9593<\/span>\n <p class=\"text-sm text-text-main mt-1\">\u4ed6\u306e\u65b9\u3084\u30ef\u30f3\u3061\u3083\u3093\u3078\u306e\u8ab9\u8b17\u4e2d\u50b7\u3001\u5546\u696d\u76ee\u7684\u306e\u52e7\u8a98\u306a\u3069\u306f\u7981\u6b62\u3057\u3001\u7ba1\u7406\u4eba\u304c\u30d1\u30c8\u30ed\u30fc\u30eb\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 px-4 bg-white\">\n <div class=\"max-w-3xl mx-auto fade-in\">\n <h3 class=\"text-2xl font-bold text-center mb-10 text-gray-800\" id=\"i-7\">\u3088\u304f\u3042\u308b\u8cea\u554f<\/h3>\n \n <div class=\"space-y-4\">\n \n <details class=\"group bg-gray-50 rounded-xl cursor-pointer\">\n <summary class=\"flex justify-between items-center font-medium cursor-pointer list-none p-5 text-gray-800\">\n <span>Q. \u5343\u8449\u770c\u6c11\u3067\u306f\u306a\u3044\u3067\u3059\u304c\u53c2\u52a0\u3067\u304d\u307e\u3059\u304b\uff1f<\/span>\n <span class=\"transition group-open:rotate-180\">\n <i class=\"fa-solid fa-chevron-down text-gray-400\"><\/i>\n <\/span>\n <\/summary>\n <div class=\"text-text-main mt-3 p-5 pt-0 text-sm leading-relaxed border-t border-gray-100\">\n A. \u5343\u8449\u770c\u5185\u306e\u60c5\u5831\u304c\u4e2d\u5fc3\u3068\u306a\u308a\u307e\u3059\u304c\u3001\u5343\u8449\u770c\u306b\u3088\u304f\u904a\u3073\u306b\u6765\u308b\u65b9\u3084\u3001\u904e\u53bb\u306b\u4f4f\u3093\u3067\u3044\u305f\u65b9\u306a\u3069\u3082\u5927\u6b53\u8fce\u3067\u3059\uff01\n <\/div>\n <\/details>\n\n \n <details class=\"group bg-gray-50 rounded-xl cursor-pointer\">\n <summary class=\"flex justify-between items-center font-medium cursor-pointer list-none p-5 text-gray-800\">\n <span>Q. \u72ac\u3092\u98fc\u3063\u3066\u3044\u306a\u304f\u3066\u3082\u53c2\u52a0\u3067\u304d\u307e\u3059\u304b\uff1f<\/span>\n <span class=\"transition group-open:rotate-180\">\n <i class=\"fa-solid fa-chevron-down text-gray-400\"><\/i>\n <\/span>\n <\/summary>\n <div class=\"text-text-main mt-3 p-5 pt-0 text-sm leading-relaxed border-t border-gray-100\">\n A. \u306f\u3044\u3001\u53c2\u52a0\u53ef\u80fd\u3067\u3059\u3002\u300c\u3053\u308c\u304b\u3089\u98fc\u3044\u305f\u3044\u300d\u300c\u72ac\u304c\u597d\u304d\u3060\u304b\u3089\u7652\u3084\u3055\u308c\u305f\u3044\u300d\u3068\u3044\u3046\u65b9\u3082\u3044\u3089\u3063\u3057\u3083\u3044\u307e\u3059\u3002\n <\/div>\n <\/details>\n\n \n <details class=\"group bg-gray-50 rounded-xl cursor-pointer\">\n <summary class=\"flex justify-between items-center font-medium cursor-pointer list-none p-5 text-gray-800\">\n <span>Q. \u9000\u4f1a\u306f\u3059\u3050\u306b\u3067\u304d\u307e\u3059\u304b\uff1f<\/span>\n <span class=\"transition group-open:rotate-180\">\n <i class=\"fa-solid fa-chevron-down text-gray-400\"><\/i>\n <\/span>\n <\/summary>\n <div class=\"text-text-main mt-3 p-5 pt-0 text-sm leading-relaxed border-t border-gray-100\">\n A. \u306f\u3044\u3001LINE\u306e\u30c8\u30fc\u30af\u30eb\u30fc\u30e0\u304b\u3089\u3044\u3064\u3067\u3082\u3054\u81ea\u8eab\u306e\u30bf\u30a4\u30df\u30f3\u30b0\u3067\u9000\u4f1a\u3057\u3066\u3044\u305f\u3060\u3051\u307e\u3059\u3002\u518d\u5165\u4f1a\u3082\u53ef\u80fd\u3067\u3059\u3002\n <\/div>\n <\/details>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"join\" class=\"py-20 px-4 bg-primary-light\/50 text-center\">\n <div class=\"max-w-2xl mx-auto fade-in\">\n <h2 class=\"text-2xl md:text-3xl font-bold mb-6 text-gray-800\" id=\"i-8\">\u4e00\u7dd2\u306b\u5343\u8449\u306e\u611b\u72ac\u30e9\u30a4\u30d5\u3092<br class=\"md:hidden\">\u697d\u3057\u307f\u307e\u3057\u3087\u3046\uff01<\/h2>\n <p class=\"mb-10 text-text-main\">\n \u53c2\u52a0\u306f\u7121\u6599\u30fb\u533f\u540dOK\u3002\u5408\u308f\u306a\u3051\u308c\u3070\u3059\u3050\u306b\u9000\u4f1a\u3082\u53ef\u80fd\u3067\u3059\u3002<br>\n \u307e\u305a\u306f\u6c17\u8efd\u306b\u304a\u8d8a\u3057\u304f\u3060\u3055\u3044\ud83d\udc3e\n <\/p>\n <div class=\"bg-white p-6 md:p-8 rounded-3xl shadow-md inline-block\">\n <div class=\"mb-4 text-gray-600 font-bold\">\uff3c \u30bf\u30c3\u30d7\u3057\u3066\u53c2\u52a0\u753b\u9762\u3078 \uff0f<\/div>\n <a href=\"https:\/\/line.me\/ti\/g2\/JcgE5_SF-QPCCdtt_K28LPdJ4nxWCQjW-qZ6MQ?utm_source=invitation&utm_medium=link_copy&utm_campaign=default\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"bg-line-green hover:bg-green-600 text-white font-bold text-xl py-4 px-10 rounded-full shadow-lg transition-transform transform hover:scale-105 flex items-center justify-center gap-3 w-full md:w-auto mx-auto\">\n <i class=\"fa-brands fa-line text-3xl\"><\/i> \u30aa\u30fc\u30d7\u30f3\u30c1\u30e3\u30c3\u30c8\u306b\u53c2\u52a0\n <\/a>\n <p class=\"text-xs text-gray-400 mt-4\">\u203bLINE\u30a2\u30d7\u30ea\u304c\u8d77\u52d5\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <script>\n \/\/ Intersection Observer for scroll fade-in animations\n document.addEventListener('DOMContentLoaded', () => {\n const observerOptions = {\n root: null,\n rootMargin: '0px',\n threshold: 0.1\n };\n\n const observer = new IntersectionObserver((entries, observer) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target); \/\/ \u4e00\u5ea6\u8868\u793a\u3055\u308c\u305f\u3089\u76e3\u8996\u3092\u89e3\u9664\n }\n });\n }, observerOptions);\n\n const fadeElements = document.querySelectorAll('.fade-in');\n fadeElements.forEach(el => observer.observe(el));\n \n \/\/ Initial check for elements already in view\n setTimeout(() => {\n fadeElements.forEach(el => {\n const rect = el.getBoundingClientRect();\n if (rect.top < window.innerHeight) {\n el.classList.add('visible');\n }\n });\n }, 100);\n });\n <\/script>\n<\/body>\n\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Paws&Co. | \u5343\u8449\u770c\u306e\u611b\u72ac\u5bb6\u30aa\u30f3\u30e9\u30a4\u30f3\u30b3\u30df\u30e5\u30cb\u30c6\u30a3 Paws&Co. \u53c2\u52a0\u3059\u308b \u5343\u8449\u770c\u9650\u5b9a\ud83d\udc36\u611b\u72ac\u5bb6\u30b3\u30df\u30e5\u30cb\u30c6\u30a3 Warning: Undefined array key “is_admin” in … <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-forfront.php","meta":{"footnotes":""},"class_list":{"0":"post-1724","1":"page","2":"type-page","3":"status-publish","5":"entry","6":"nothumb"},"_links":{"self":[{"href":"https:\/\/petconnectjp.com\/index.php?rest_route=\/wp\/v2\/pages\/1724","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/petconnectjp.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/petconnectjp.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/petconnectjp.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/petconnectjp.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1724"}],"version-history":[{"count":3,"href":"https:\/\/petconnectjp.com\/index.php?rest_route=\/wp\/v2\/pages\/1724\/revisions"}],"predecessor-version":[{"id":1730,"href":"https:\/\/petconnectjp.com\/index.php?rest_route=\/wp\/v2\/pages\/1724\/revisions\/1730"}],"wp:attachment":[{"href":"https:\/\/petconnectjp.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1724"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1724,"date":"2026-05-17T08:59:00","date_gmt":"2026-05-16T23:59:00","guid":{"rendered":"https:\/\/petconnectjp.com\/?page_id=1724"},"modified":"2026-05-17T09:04:38","modified_gmt":"2026-05-17T00:04:38","slug":"line%e3%82%aa%e3%83%bc%e3%83%97%e3%83%b3%e3%83%81%e3%83%a3%e3%83%83%e3%83%88","status":"publish","type":"page","link":"https:\/\/petconnectjp.com\/?page_id=1724","title":{"rendered":"LINE\u30aa\u30fc\u30d7\u30f3\u30c1\u30e3\u30c3\u30c8"},"content":{"rendered":"\n\n \n \n Paws&Co. | \u5343\u8449\u770c\u306e\u611b\u72ac\u5bb6\u30aa\u30f3\u30e9\u30a4\u30f3\u30b3\u30df\u30e5\u30cb\u30c6\u30a3<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Zen+Maru+Gothic:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n sans: ['\"Zen Maru Gothic\"', 'sans-serif'],\n },\n colors: {\n 'primary-light': '#FCE7F3', \/\/ \u512a\u3057\u3044\u30d4\u30f3\u30af\n 'primary': '#F472B6', \/\/ \u30a2\u30af\u30bb\u30f3\u30c8\u30d4\u30f3\u30af\n 'primary-dark': '#DB2777',\n 'secondary': '#FEF3C7', \/\/ \u6e29\u304b\u307f\u306e\u3042\u308b\u30a4\u30a8\u30ed\u30fc\n 'text-main': '#4B5563', \/\/ \u67d4\u3089\u304b\u3044\u30b0\u30ec\u30fc\u30c6\u30ad\u30b9\u30c8\n 'line-green': '#06C755', \/\/ LINE\u306e\u30d6\u30e9\u30f3\u30c9\u30ab\u30e9\u30fc\n }\n }\n }\n }\n <\/script>\n <style>\n body {\n background-color: #FAFAF9;\n color: #4B5563;\n }\n .hero-pattern {\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M54.627 0l.83.83-54.627 54.627-.83-.83L54.627 0zM0 54.627l.83.83L0 55.457v-.83zM55.457 0l.83.83L56.287 0h-.83z' fill='%23fce7f3' fill-opacity='0.4' fill-rule='evenodd'\/%3E%3C\/svg%3E\");\n }\n .paw-print {\n animation: bounce 2s infinite alternate;\n }\n @keyframes bounce {\n 0% { transform: translateY(0); }\n 100% { transform: translateY(-10px); }\n }\n \/* Fade-in animation *\/\n .fade-in {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n }\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n <\/style>\n<\/head>\n<body class=\"antialiased font-sans\">\n\n \n <header class=\"bg-white shadow-sm sticky top-0 z-50\">\n <div class=\"max-w-4xl mx-auto px-4 py-3 flex justify-between items-center\">\n <div class=\"flex items-center gap-2\">\n <i class=\"fa-solid fa-paw text-primary text-2xl\"><\/i>\n <h1 class=\"text-xl font-bold text-text-main\" id=\"i-0\">Paws&Co.<\/h1>\n <\/div>\n <nav>\n <a href=\"https:\/\/line.me\/ti\/g2\/JcgE5_SF-QPCCdtt_K28LPdJ4nxWCQjW-qZ6MQ?utm_source=invitation&utm_medium=link_copy&utm_campaign=default\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"bg-line-green hover:bg-green-600 text-white font-medium py-2 px-4 rounded-full transition-colors text-sm shadow-md flex items-center gap-2\">\n <i class=\"fa-brands fa-line text-lg\"><\/i> \u53c2\u52a0\u3059\u308b\n <\/a>\n <\/nav>\n <\/div>\n <\/header>\n\n \n <section class=\"hero-pattern bg-secondary\/30 pt-16 pb-20 px-4 text-center\">\n <div class=\"max-w-3xl mx-auto fade-in\">\n <div class=\"inline-block bg-primary-light text-primary-dark font-bold px-4 py-1 rounded-full text-sm mb-6 border border-primary\/20\">\n \u5343\u8449\u770c\u9650\u5b9a\ud83d\udc36\u611b\u72ac\u5bb6\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\n <\/div>\n <div class=\"toc\"><br \/>\n<b>Warning<\/b>: Undefined array key \"is_admin\" in <b>\/home\/salamasa\/petconnectjp.com\/public_html\/wp-content\/themes\/sango-theme\/library\/gutenberg\/dist\/classes\/Toc.php<\/b> on line <b>113<\/b><br \/>\n<br \/>\n<b>Warning<\/b>: Undefined array key \"is_category_top\" in <b>\/home\/salamasa\/petconnectjp.com\/public_html\/wp-content\/themes\/sango-theme\/library\/gutenberg\/dist\/classes\/Toc.php<\/b> on line <b>118<\/b><br \/>\n<br \/>\n<b>Warning<\/b>: Undefined array key \"is_top\" in <b>\/home\/salamasa\/petconnectjp.com\/public_html\/wp-content\/themes\/sango-theme\/library\/gutenberg\/dist\/classes\/Toc.php<\/b> on line <b>124<\/b><br \/>\n<\/div><h2 class=\"text-3xl md:text-5xl font-bold mb-6 leading-tight text-gray-800\" id=\"i-1\">\n \u5343\u8449\u306e\u30ef\u30f3\u30b3\u597d\u304d\u3001<br class=\"md:hidden\">\u96c6\u307e\u308c\uff01\n <\/h2>\n <p class=\"text-lg md:text-xl mb-10 text-text-main leading-relaxed\">\n \u300cPaws&Co.\u300d\u306f\u3001\u5343\u8449\u770c\u306b\u304a\u4f4f\u307e\u3044\u306e\u611b\u72ac\u5bb6\u306e\u305f\u3081\u306e<br class=\"hidden md:block\">LINE\u30aa\u30fc\u30d7\u30f3\u30c1\u30e3\u30c3\u30c8\u3067\u3059\u3002<br>\n \u3054\u8fd1\u6240\u306e\u72ac\u53cb\u4f5c\u308a\u3084\u3001\u304a\u3059\u3059\u3081\u30b9\u30dd\u30c3\u30c8\u306e\u5171\u6709\u306a\u3069\u3001<br class=\"hidden md:block\">\u3086\u308b\u304f\u697d\u3057\u304f\u4ea4\u6d41\u3057\u307e\u305b\u3093\u304b\uff1f\n <\/p>\n \n <div class=\"relative inline-block\">\n <a href=\"https:\/\/line.me\/ti\/g2\/JcgE5_SF-QPCCdtt_K28LPdJ4nxWCQjW-qZ6MQ?utm_source=invitation&utm_medium=link_copy&utm_campaign=default\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"bg-line-green hover:bg-green-600 text-white font-bold text-lg py-4 px-8 rounded-full shadow-lg transition-transform transform hover:scale-105 flex items-center justify-center gap-3\">\n <i class=\"fa-brands fa-line text-2xl\"><\/i> \u30aa\u30fc\u30d7\u30f3\u30c1\u30e3\u30c3\u30c8\u306b\u53c2\u52a0\u3059\u308b\n <\/a>\n <i class=\"fa-solid fa-paw text-primary absolute -top-4 -right-4 text-2xl paw-print transform rotate-12\"><\/i>\n <p class=\"text-sm mt-3 text-gray-500\">\u203b\u533f\u540d\u3067\u53c2\u52a0\u3067\u304d\u307e\u3059\u3002\u53c2\u52a0\u8cbb\u306f\u7121\u6599\u3067\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 px-4 bg-white\">\n <div class=\"max-w-4xl mx-auto\">\n <div class=\"text-center mb-12 fade-in\">\n <h3 class=\"text-2xl md:text-3xl font-bold text-gray-800 flex items-center justify-center gap-2\" id=\"i-2\">\n <i class=\"fa-solid fa-bone text-secondary\"><\/i>\n Paws&Co. \u3067\u3067\u304d\u308b\u3053\u3068\n <i class=\"fa-solid fa-bone text-secondary\"><\/i>\n <\/h3>\n <p class=\"mt-4 text-text-main\">\u5343\u8449\u770c\u3068\u3044\u3046\u30ed\u30fc\u30ab\u30eb\u306a\u7e4b\u304c\u308a\u3060\u304b\u3089\u3053\u305d\u3001\u5f79\u7acb\u3064\u60c5\u5831\u304c\u3044\u3063\u3071\u3044\u3067\u3059\u3002<\/p>\n <\/div>\n\n <div class=\"grid md:grid-cols-3 gap-8\">\n \n <div class=\"bg-primary-light\/30 p-6 rounded-2xl text-center shadow-sm border border-primary-light fade-in hover:shadow-md transition-shadow\">\n <div class=\"bg-white w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4 shadow-sm text-primary text-2xl\">\n <i class=\"fa-solid fa-user-group\"><\/i>\n <\/div>\n <h4 class=\"text-xl font-bold mb-3 text-gray-800\" id=\"i-3\">\u3054\u8fd1\u6240\u306e\u72ac\u53cb\u4f5c\u308a<\/h4>\n <p class=\"text-text-main text-sm leading-relaxed\">\n \u300c\u3007\u3007\u516c\u5712\u306b\u3088\u304f\u884c\u304d\u307e\u3059\uff01\u300d\u306a\u3069\u3001\u8fd1\u6240\u306e\u6563\u6b69\u4ef2\u9593\u3092\u898b\u3064\u3051\u305f\u308a\u3001\u4f11\u65e5\u306e\u304a\u51fa\u304b\u3051\u4ef2\u9593\u3092\u63a2\u305b\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n \n <div class=\"bg-secondary\/30 p-6 rounded-2xl text-center shadow-sm border border-secondary\/50 fade-in hover:shadow-md transition-shadow\" style=\"transition-delay: 100ms;\">\n <div class=\"bg-white w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4 shadow-sm text-yellow-500 text-2xl\">\n <i class=\"fa-solid fa-map-location-dot\"><\/i>\n <\/div>\n <h4 class=\"text-xl font-bold mb-3 text-gray-800\" id=\"i-4\">\u30ed\u30fc\u30ab\u30eb\u60c5\u5831\u306e\u4ea4\u63db<\/h4>\n <p class=\"text-text-main text-sm leading-relaxed\">\n \u72ac\u540c\u4f34OK\u306e\u30ab\u30d5\u30a7\u3001\u30c9\u30c3\u30b0\u30e9\u30f3\u306e\u6df7\u96d1\u72b6\u6cc1\u3001\u8a55\u5224\u306e\u826f\u3044\u52d5\u7269\u75c5\u9662\u306a\u3069\u3001\u30ea\u30a2\u30eb\u3067\u30bf\u30a4\u30e0\u30ea\u30fc\u306a\u60c5\u5831\u4ea4\u63db\u304c\u3067\u304d\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n \n <div class=\"bg-blue-50 p-6 rounded-2xl text-center shadow-sm border border-blue-100 fade-in hover:shadow-md transition-shadow\" style=\"transition-delay: 200ms;\">\n <div class=\"bg-white w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4 shadow-sm text-blue-400 text-2xl\">\n <i class=\"fa-solid fa-camera-retro\"><\/i>\n <\/div>\n <h4 class=\"text-xl font-bold mb-3 text-gray-800\" id=\"i-5\">\u3046\u3061\u306e\u5b50\u81ea\u6162<\/h4>\n <p class=\"text-text-main text-sm leading-relaxed\">\n \u53ef\u611b\u3044\u5199\u771f\u3084\u52d5\u753b\u3092\u30b7\u30a7\u30a2\u3057\u3066\u7652\u3084\u3057\u5408\u3044\u307e\u3057\u3087\u3046\u3002\u3057\u3064\u3051\u3084\u30d5\u30fc\u30c9\u306e\u60a9\u307f\u76f8\u8ac7\u3082\u6c17\u8efd\u306b\u3067\u304d\u307e\u3059\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 px-4 bg-gray-50\">\n <div class=\"max-w-3xl mx-auto fade-in\">\n <div class=\"bg-white rounded-3xl p-8 shadow-sm border border-gray-100\">\n <h3 class=\"text-2xl font-bold text-center mb-8 text-gray-800 border-b pb-4\" id=\"i-6\">\n <i class=\"fa-solid fa-heart text-primary-dark mr-2\"><\/i>\u5b89\u5fc3\u3057\u3066\u304a\u8a71\u3044\u305f\u3060\u304f\u305f\u3081\u306b\n <\/h3>\n <ul class=\"space-y-4\">\n <li class=\"flex items-start gap-3\">\n <i class=\"fa-solid fa-check text-green-500 mt-1\"><\/i>\n <div>\n <span class=\"font-bold text-gray-800\">\u533f\u540d\uff08\u30cb\u30c3\u30af\u30cd\u30fc\u30e0\uff09\u3067\u53c2\u52a0OK<\/span>\n <p class=\"text-sm text-text-main mt-1\">LINE\u306e\u666e\u6bb5\u306e\u30a2\u30ab\u30a6\u30f3\u30c8\u540d\u3084\u30a2\u30a4\u30b3\u30f3\u306f\u516c\u958b\u3055\u308c\u307e\u305b\u3093\u3002\u5c02\u7528\u306e\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u3092\u8a2d\u5b9a\u3067\u304d\u307e\u3059\u3002<\/p>\n <\/div>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <i class=\"fa-solid fa-check text-green-500 mt-1\"><\/i>\n <div>\n <span class=\"font-bold text-gray-800\">ROM\u5c02\uff08\u8aad\u3080\u3060\u3051\uff09\u3082\u5927\u6b53\u8fce<\/span>\n <p class=\"text-sm text-text-main mt-1\">\u60c5\u5831\u53ce\u96c6\u76ee\u7684\u3067\u306e\u53c2\u52a0\u3082\u3082\u3061\u308d\u3093OK\u3067\u3059\u3002\u7121\u7406\u306b\u767a\u8a00\u3059\u308b\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n <\/div>\n <\/li>\n <li class=\"flex items-start gap-3\">\n <i class=\"fa-solid fa-check text-green-500 mt-1\"><\/i>\n <div>\n <span class=\"font-bold text-gray-800\">\u30de\u30ca\u30fc\u3092\u5b88\u3063\u305f\u512a\u3057\u3044\u7a7a\u9593<\/span>\n <p class=\"text-sm text-text-main mt-1\">\u4ed6\u306e\u65b9\u3084\u30ef\u30f3\u3061\u3083\u3093\u3078\u306e\u8ab9\u8b17\u4e2d\u50b7\u3001\u5546\u696d\u76ee\u7684\u306e\u52e7\u8a98\u306a\u3069\u306f\u7981\u6b62\u3057\u3001\u7ba1\u7406\u4eba\u304c\u30d1\u30c8\u30ed\u30fc\u30eb\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 px-4 bg-white\">\n <div class=\"max-w-3xl mx-auto fade-in\">\n <h3 class=\"text-2xl font-bold text-center mb-10 text-gray-800\" id=\"i-7\">\u3088\u304f\u3042\u308b\u8cea\u554f<\/h3>\n \n <div class=\"space-y-4\">\n \n <details class=\"group bg-gray-50 rounded-xl cursor-pointer\">\n <summary class=\"flex justify-between items-center font-medium cursor-pointer list-none p-5 text-gray-800\">\n <span>Q. \u5343\u8449\u770c\u6c11\u3067\u306f\u306a\u3044\u3067\u3059\u304c\u53c2\u52a0\u3067\u304d\u307e\u3059\u304b\uff1f<\/span>\n <span class=\"transition group-open:rotate-180\">\n <i class=\"fa-solid fa-chevron-down text-gray-400\"><\/i>\n <\/span>\n <\/summary>\n <div class=\"text-text-main mt-3 p-5 pt-0 text-sm leading-relaxed border-t border-gray-100\">\n A. \u5343\u8449\u770c\u5185\u306e\u60c5\u5831\u304c\u4e2d\u5fc3\u3068\u306a\u308a\u307e\u3059\u304c\u3001\u5343\u8449\u770c\u306b\u3088\u304f\u904a\u3073\u306b\u6765\u308b\u65b9\u3084\u3001\u904e\u53bb\u306b\u4f4f\u3093\u3067\u3044\u305f\u65b9\u306a\u3069\u3082\u5927\u6b53\u8fce\u3067\u3059\uff01\n <\/div>\n <\/details>\n\n \n <details class=\"group bg-gray-50 rounded-xl cursor-pointer\">\n <summary class=\"flex justify-between items-center font-medium cursor-pointer list-none p-5 text-gray-800\">\n <span>Q. \u72ac\u3092\u98fc\u3063\u3066\u3044\u306a\u304f\u3066\u3082\u53c2\u52a0\u3067\u304d\u307e\u3059\u304b\uff1f<\/span>\n <span class=\"transition group-open:rotate-180\">\n <i class=\"fa-solid fa-chevron-down text-gray-400\"><\/i>\n <\/span>\n <\/summary>\n <div class=\"text-text-main mt-3 p-5 pt-0 text-sm leading-relaxed border-t border-gray-100\">\n A. \u306f\u3044\u3001\u53c2\u52a0\u53ef\u80fd\u3067\u3059\u3002\u300c\u3053\u308c\u304b\u3089\u98fc\u3044\u305f\u3044\u300d\u300c\u72ac\u304c\u597d\u304d\u3060\u304b\u3089\u7652\u3084\u3055\u308c\u305f\u3044\u300d\u3068\u3044\u3046\u65b9\u3082\u3044\u3089\u3063\u3057\u3083\u3044\u307e\u3059\u3002\n <\/div>\n <\/details>\n\n \n <details class=\"group bg-gray-50 rounded-xl cursor-pointer\">\n <summary class=\"flex justify-between items-center font-medium cursor-pointer list-none p-5 text-gray-800\">\n <span>Q. \u9000\u4f1a\u306f\u3059\u3050\u306b\u3067\u304d\u307e\u3059\u304b\uff1f<\/span>\n <span class=\"transition group-open:rotate-180\">\n <i class=\"fa-solid fa-chevron-down text-gray-400\"><\/i>\n <\/span>\n <\/summary>\n <div class=\"text-text-main mt-3 p-5 pt-0 text-sm leading-relaxed border-t border-gray-100\">\n A. \u306f\u3044\u3001LINE\u306e\u30c8\u30fc\u30af\u30eb\u30fc\u30e0\u304b\u3089\u3044\u3064\u3067\u3082\u3054\u81ea\u8eab\u306e\u30bf\u30a4\u30df\u30f3\u30b0\u3067\u9000\u4f1a\u3057\u3066\u3044\u305f\u3060\u3051\u307e\u3059\u3002\u518d\u5165\u4f1a\u3082\u53ef\u80fd\u3067\u3059\u3002\n <\/div>\n <\/details>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"join\" class=\"py-20 px-4 bg-primary-light\/50 text-center\">\n <div class=\"max-w-2xl mx-auto fade-in\">\n <h2 class=\"text-2xl md:text-3xl font-bold mb-6 text-gray-800\" id=\"i-8\">\u4e00\u7dd2\u306b\u5343\u8449\u306e\u611b\u72ac\u30e9\u30a4\u30d5\u3092<br class=\"md:hidden\">\u697d\u3057\u307f\u307e\u3057\u3087\u3046\uff01<\/h2>\n <p class=\"mb-10 text-text-main\">\n \u53c2\u52a0\u306f\u7121\u6599\u30fb\u533f\u540dOK\u3002\u5408\u308f\u306a\u3051\u308c\u3070\u3059\u3050\u306b\u9000\u4f1a\u3082\u53ef\u80fd\u3067\u3059\u3002<br>\n \u307e\u305a\u306f\u6c17\u8efd\u306b\u304a\u8d8a\u3057\u304f\u3060\u3055\u3044\ud83d\udc3e\n <\/p>\n <div class=\"bg-white p-6 md:p-8 rounded-3xl shadow-md inline-block\">\n <div class=\"mb-4 text-gray-600 font-bold\">\uff3c \u30bf\u30c3\u30d7\u3057\u3066\u53c2\u52a0\u753b\u9762\u3078 \uff0f<\/div>\n <a href=\"https:\/\/line.me\/ti\/g2\/JcgE5_SF-QPCCdtt_K28LPdJ4nxWCQjW-qZ6MQ?utm_source=invitation&utm_medium=link_copy&utm_campaign=default\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"bg-line-green hover:bg-green-600 text-white font-bold text-xl py-4 px-10 rounded-full shadow-lg transition-transform transform hover:scale-105 flex items-center justify-center gap-3 w-full md:w-auto mx-auto\">\n <i class=\"fa-brands fa-line text-3xl\"><\/i> \u30aa\u30fc\u30d7\u30f3\u30c1\u30e3\u30c3\u30c8\u306b\u53c2\u52a0\n <\/a>\n <p class=\"text-xs text-gray-400 mt-4\">\u203bLINE\u30a2\u30d7\u30ea\u304c\u8d77\u52d5\u3057\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <script>\n \/\/ Intersection Observer for scroll fade-in animations\n document.addEventListener('DOMContentLoaded', () => {\n const observerOptions = {\n root: null,\n rootMargin: '0px',\n threshold: 0.1\n };\n\n const observer = new IntersectionObserver((entries, observer) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target); \/\/ \u4e00\u5ea6\u8868\u793a\u3055\u308c\u305f\u3089\u76e3\u8996\u3092\u89e3\u9664\n }\n });\n }, observerOptions);\n\n const fadeElements = document.querySelectorAll('.fade-in');\n fadeElements.forEach(el => observer.observe(el));\n \n \/\/ Initial check for elements already in view\n setTimeout(() => {\n fadeElements.forEach(el => {\n const rect = el.getBoundingClientRect();\n if (rect.top < window.innerHeight) {\n el.classList.add('visible');\n }\n });\n }, 100);\n });\n <\/script>\n<\/body>\n\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Paws&Co. | \u5343\u8449\u770c\u306e\u611b\u72ac\u5bb6\u30aa\u30f3\u30e9\u30a4\u30f3\u30b3\u30df\u30e5\u30cb\u30c6\u30a3 Paws&Co. \u53c2\u52a0\u3059\u308b \u5343\u8449\u770c\u9650\u5b9a\ud83d\udc36\u611b\u72ac\u5bb6\u30b3\u30df\u30e5\u30cb\u30c6\u30a3 Warning: Undefined array key “is_admin” in … <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-forfront.php","meta":{"footnotes":""},"class_list":{"0":"post-1724","1":"page","2":"type-page","3":"status-publish","5":"entry","6":"nothumb"},"_links":{"self":[{"href":"https:\/\/petconnectjp.com\/index.php?rest_route=\/wp\/v2\/pages\/1724","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/petconnectjp.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/petconnectjp.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/petconnectjp.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/petconnectjp.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1724"}],"version-history":[{"count":3,"href":"https:\/\/petconnectjp.com\/index.php?rest_route=\/wp\/v2\/pages\/1724\/revisions"}],"predecessor-version":[{"id":1730,"href":"https:\/\/petconnectjp.com\/index.php?rest_route=\/wp\/v2\/pages\/1724\/revisions\/1730"}],"wp:attachment":[{"href":"https:\/\/petconnectjp.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1724"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}