{"id":16,"date":"2026-03-20T14:17:22","date_gmt":"2026-03-20T05:17:22","guid":{"rendered":"https:\/\/profan.co.jp\/?page_id=16"},"modified":"2026-05-08T07:21:38","modified_gmt":"2026-05-07T22:21:38","slug":"16-2","status":"publish","type":"page","link":"https:\/\/profan.co.jp\/","title":{"rendered":"\u30db\u30fc\u30e0\u30da\u30fc\u30b8"},"content":{"rendered":"\n<!-- ================================================================\n     \u682a\u5f0f\u4f1a\u793eProFan - WordPress \u30ab\u30b9\u30bf\u30e0HTML\u30d6\u30ed\u30c3\u30af\u8a2d\u7f6e\u7248\n     \u30fb\u5168\u4f53\u3092 #pf-root \u3067\u30e9\u30c3\u30d7\u3057\u3001JS\u3067 body \u76f4\u4e0b\u3078\u5f37\u5236\u79fb\u52d5\n     \u30fb\u5168 CSS \u3092 #pf-root \u30d7\u30ec\u30d5\u30a3\u30c3\u30af\u30b9\u3067\u30c6\u30fc\u30de\u4e0a\u66f8\u304d\n     \u30fbviewport \u5e45\u30d6\u30ec\u30a4\u30af\u30a2\u30a6\u30c8\u3082 CSS \u5074\u3067\u4fdd\u8a3c\n     \u8a2d\u7f6e\u5f8c\u306f\u5fc5\u305a\u30b9\u30fc\u30d1\u30fc\u30ea\u30ed\u30fc\u30c9(Cmd\/Ctrl + Shift + R)\u3057\u3066\u304f\u3060\u3055\u3044\n     ================================================================ -->\n\n<div id=\"pf-root\">\n\n    <div id=\"pf-loader-el\">\n        <div class=\"pf-loader-text pf-display\">ProFan<\/div>\n    <\/div>\n\n    <header id=\"pf-site-header\">\n        <div class=\"pf-container pf-header-inner\">\n            <a href=\"#pf-root\" class=\"pf-logo\">\n                <img decoding=\"async\" src=\"https:\/\/profan.co.jp\/wp-content\/uploads\/2026\/03\/00.01.E_Asset_\u30ed\u30b4\u6e90.png\" alt=\"ProFan Logo\">\n            <\/a>\n            <nav class=\"pf-nav\">\n                <ul>\n                    <li><a href=\"#pf-about\">About<\/a><\/li>\n                    <li><a href=\"#pf-service\">Service<\/a><\/li>\n                    <li><a href=\"#pf-case\">Case<\/a><\/li>\n                    <li><a href=\"#pf-company\">Company<\/a><\/li>\n                    <li><a href=\"#pf-news\">News<\/a><\/li>\n                    <li><a href=\"#pf-contact\">Contact<\/a><\/li>\n                <\/ul>\n            <\/nav>\n        <\/div>\n    <\/header>\n\n    <div id=\"pf-news-detail\">\n        <div class=\"pf-container\">\n            <button class=\"pf-back-btn\" id=\"pf-back-to-home\">\u2190 Back to home<\/button>\n            <article id=\"pf-detail-content\"><\/article>\n        <\/div>\n    <\/div>\n\n    <main id=\"pf-main-content\">\n        <section id=\"pf-hero\" class=\"pf-section\">\n            <div class=\"pf-container pf-hero-content\">\n                <span class=\"pf-hero-kicker pf-reveal\">To Keep Your Impact Alive<\/span>\n                <h1 class=\"pf-hero-title pf-reveal\">\u5f71\u97ff\u529b\u3092<br><em>\u4ea1\u304f\u3055\u306a\u3044<\/em>\u305f\u3081\u306b\u3002<\/h1>\n                <p class=\"pf-hero-desc pf-reveal\">\u3042\u306a\u305f\u304c\u672c\u6765\u6709\u3057\u3066\u3044\u308b\u306f\u305a\u306e\u5f71\u97ff\u529b\u3002\u3055\u307e\u3056\u307e\u306a\u80cc\u666f\u30fb\u8ab2\u984c\u306b\u3088\u3063\u3066\u5931\u308f\u308c\u3066\u3057\u307e\u3046\u3053\u3068\u3092\u9632\u3050\u305f\u3081\u306b\u3002<br><br>\u30d7\u30ed\u30b9\u30dd\u30fc\u30c4\u9078\u624b\u304c\u6301\u3064\u5f71\u97ff\u529b\u304c\u300c\u5fd8\u300d\u308c\u53bb\u3089\u308c\u306a\u3044\u305f\u3081\u306b\u3002\u3059\u3079\u3066\u306e\u4f01\u696d\u3084\u50cd\u304f\u4eba\u3005\u304c\u6301\u3063\u3066\u3044\u308b\u306f\u305a\u306e\u5f71\u97ff\u529b\u304c\u3001\u65e5\u3005\u306e\u300c\u5fd9\u300d\u6bba\u306b\u3088\u3063\u3066\u5931\u308f\u308c\u306a\u3044\u305f\u3081\u306b\u3002<br><br>\u79c1\u305f\u3061ProFan\u306f\u3001\u3042\u3089\u3086\u308b\u300c\u4ea1\u300d\u3092\u306a\u304f\u3059\u3079\u304f\u4e8b\u696d\u5c55\u958b\u3092\u3057\u3066\u307e\u3044\u308a\u307e\u3059\u3002<\/p>\n            <\/div>\n            <div class=\"pf-hero-bg-text pf-display\">ProFan<\/div>\n            <div class=\"pf-hero-scroll\">\n                <span>Scroll<\/span>\n                <span class=\"pf-hero-scroll-line\"><\/span>\n            <\/div>\n        <\/section>\n\n        <section id=\"pf-about\" class=\"pf-section\">\n            <div class=\"pf-container\">\n                <div class=\"pf-section-head pf-reveal\">\n                    <span class=\"pf-section-num\">01<\/span>\n                    <span class=\"pf-section-label\">About<\/span>\n                    <span class=\"pf-section-rule\"><\/span>\n                <\/div>\n                <div class=\"pf-mvv-mission pf-reveal\">\n                    <div class=\"pf-mvv-mission-label\">Mission<\/div>\n                    <div class=\"pf-mvv-mission-text\">\u5f71\u97ff\u529b\u3092\u4ea1\u304f\u3055\u306a\u3044\u305f\u3081\u306b\u3002<\/div>\n                <\/div>\n                <div class=\"pf-vv-grid\">\n                    <div class=\"pf-mvv-card pf-reveal\">\n                        <div class=\"pf-mvv-card-head\">\n                            <h3 class=\"pf-mvv-card-title\">Vision<\/h3>\n                            <span class=\"pf-mvv-card-num\">02 \/ VV<\/span>\n                        <\/div>\n                        <span class=\"pf-lead\">\u60f3\u50cf\u3082\u3057\u306a\u304b\u3063\u305f\u81ea\u5206\u306b\u51fa\u4f1a\u3063\u3066\u611f\u52d5\u3059\u308b\u4eba\u3067\u6ea2\u308c\u308b\u793e\u4f1a<\/span>\n                        <p>\u300c\u307e\u3055\u304b\u81ea\u5206\u304c\u3053\u3046\u306a\u308b\u3068\u306f\u2026!\u300d<br>\u60f3\u50cf\u306e\u7bc4\u56f2\u304b\u3089\u304b\u3051\u96e2\u308c\u305f\u3001\u3042\u3063\u3068\u9a5a\u304f\u81ea\u5206\u306b\u51fa\u4f1a\u3046\u3002\u8ab0\u3057\u3082\u304c\u6301\u3063\u3066\u3044\u308b\u306f\u305a\u306e\u53ef\u80fd\u6027\u3092\u3001\u6700\u5927\u9650\u306b\u82b1\u54b2\u304b\u305b\u308b\u3002<br><br>\u60f3\u50cf\u3082\u3057\u306a\u304b\u3063\u305f\u81ea\u5206\u306b\u51fa\u4f1a\u3063\u3066\u611f\u52d5\u3059\u308b\u3002\u305d\u3093\u306a\u4eba\u305f\u3061\u3067\u6ea2\u308c\u308b\u793e\u4f1a\u3092\u76ee\u6307\u3057\u307e\u3059\u3002<\/p>\n                    <\/div>\n                    <div class=\"pf-mvv-card pf-reveal\">\n                        <div class=\"pf-mvv-card-head\">\n                            <h3 class=\"pf-mvv-card-title\">Value<\/h3>\n                            <span class=\"pf-mvv-card-num\">03 \/ VV<\/span>\n                        <\/div>\n                        <div class=\"pf-mvv-values\">\n                            <div class=\"pf-mvv-value-item\">\n                                <span class=\"pf-mvv-value-num\">V.01<\/span>\n                                <div>\n                                    <span class=\"pf-mvv-value-label\">\u5909\u5316\u306e\u63d0\u4f9b<\/span>\n                                    <p class=\"pf-mvv-value-text\">Vision\u9054\u6210\u306b\u4e0d\u53ef\u6b20\u306a\u30ad\u30fc\u30ef\u30fc\u30c9\u306f\u300c\u5909\u5316\u300d\u3002\u73fe\u72b6\u306b\u6e80\u8db3\u305b\u305a\u3001\u5e38\u306b\u5909\u308f\u308a\u7d9a\u3051\u308b\u3053\u3068\u3002\u5909\u5316\u306e\u5148\u306b\u3001\u81ea\u8eab\u304c\u6301\u3064\u5f71\u97ff\u529b\u304c\u6700\u5927\u5316\u3055\u308c\u3066\u3044\u304f\u3068\u4fe1\u3058\u3001\u793e\u4f1a\u306b\u300c\u5909\u308f\u308b\u6a5f\u4f1a\u300d\u3092\u63d0\u4f9b\u3057\u7d9a\u3051\u307e\u3059\u3002<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"pf-mvv-value-item\">\n                                <span class=\"pf-mvv-value-num\">V.02<\/span>\n                                <div>\n                                    <span class=\"pf-mvv-value-label\">\u4e01\u5be7\u306a\u901f\u653b<\/span>\n                                    <p class=\"pf-mvv-value-text\">\u30d9\u30f3\u30c1\u30e3\u30fc\u306a\u3089\u3067\u306f\u306e\u300c\u901f\u3055\u300d\u306f\u3082\u3061\u308d\u3093\u306e\u3053\u3068\u3001\u306f\u3084\u3055\u4ee5\u4e0a\u306e\u300c\u4e01\u5be7\u3055\u300d\u3092\u8ffd\u6c42\u3002\u864e\u8996\u7708\u3005\u3068\u7167\u6e96\u3092\u5408\u308f\u305b\u305f\u4e00\u70b9\u306b\u5bfe\u3057\u3066\u3001\u4e01\u5be7\u306a\u901f\u653b\u3092\u4ed5\u639b\u3051\u308b\u3002\u54c1\u8cea\u3068\u30b9\u30d4\u30fc\u30c9\u3092\u4e21\u7acb\u3055\u305b\u305f\u4e8b\u696d\u3092\u5c55\u958b\u3057\u307e\u3059\u3002<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"pf-mvv-value-item\">\n                                <span class=\"pf-mvv-value-num\">V.03<\/span>\n                                <div>\n                                    <span class=\"pf-mvv-value-label\">\u30cb\u30e5\u30fc\u30c8\u30e9\u30eb<\/span>\n                                    <p class=\"pf-mvv-value-text\">\u8457\u3057\u304f\u5909\u5316\u306e\u6fc0\u3057\u3044\u6642\u4ee3\u306b\u304a\u3044\u3066\u3001\u3042\u3089\u3086\u308b\u4e8c\u9805\u5bfe\u7acb\u306e\u8b70\u8ad6\u306f\u4e0d\u6bdb\u3060\u3068\u3044\u3046\u30b9\u30bf\u30f3\u30b9\u3002\u30d6\u30ec\u308b\u3053\u3068\u306a\u304f\u3001\u4f55\u306b\u3082\u67d3\u307e\u3089\u305a\u3001\u305f\u3060\u3072\u305f\u3080\u304d\u306b\u3001Mission\u30fbVision\u3060\u3051\u3092\u898b\u636e\u3048\u3066\u6b69\u307f\u7d9a\u3051\u307e\u3059\u3002<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section id=\"pf-service\" class=\"pf-section\">\n            <div class=\"pf-container\">\n                <div class=\"pf-section-head pf-reveal\">\n                    <span class=\"pf-section-num\">02<\/span>\n                    <span class=\"pf-section-label\">Service<\/span>\n                    <span class=\"pf-section-rule\"><\/span>\n                <\/div>\n                <h2 class=\"pf-section-title pf-reveal\">Our <em>Services<\/em><\/h2>\n                <div class=\"pf-service-list\">\n                    <div class=\"pf-service-item\">\n                        <div class=\"pf-service-img-wrap pf-reveal\">\n                            <span class=\"pf-service-tag\">Service 01<\/span>\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511886929837-354d827aae26?q=80&#038;w=1000&#038;auto=format&#038;fit=crop\" alt=\"Beyond Pro\" referrerPolicy=\"no-referrer\">\n                        <\/div>\n                        <div class=\"pf-service-text pf-reveal\">\n                            <span class=\"pf-service-num\">01<\/span>\n                            <span class=\"pf-service-eyebrow\">Athlete Branding School<\/span>\n                            <h3 class=\"pf-service-name\">Beyond Pro<small>\u30d3\u30e8\u30f3\u30c9\u30d7\u30ed<\/small><\/h3>\n                            <p class=\"pf-service-tagline\">\u300c\u696d\u754c\u3082\u30ad\u30e3\u30ea\u30a2\u3082\u8d8a\u3048\u3066\u3086\u3051\u3002\u300d<\/p>\n                            <p class=\"pf-service-summary\">\u30d7\u30ed\u30b9\u30dd\u30fc\u30c4\u9078\u624b\u5411\u3051\u306e\u77ed\u671f\u96c6\u4e2d\u578b\u30d6\u30e9\u30f3\u30c7\u30a3\u30f3\u30b0\u30b9\u30af\u30fc\u30eb\u3002\u30a2\u30b9\u30ea\u30fc\u30c8\u304c\u81ea\u5206\u306e\u4fa1\u5024\u3092\u793e\u4f1a\u306b\u4f1d\u3048\u3001\u53ef\u80fd\u6027\u3092\u62e1\u3052\u308b\u529b\u3092\u8eab\u306b\u3064\u3051\u308b\u5834\u6240\u3067\u3059\u3002SNS\u3084AI\u306a\u3069\u306e\u30c4\u30fc\u30eb\u3092\u6700\u5927\u9650\u306b\u6d3b\u7528\u3057\u3001\u30d5\u30a1\u30f3\u306e\u7686\u3055\u307e\u30fb\u793e\u4f1a\u7d4c\u6e08\u3068\u306e\u63a5\u70b9\u3092\u6df1\u304f\u6301\u3061\u3001\u30a2\u30b9\u30ea\u30fc\u30c8\u306e\u30ad\u30e3\u30ea\u30a2\u306e\u53ef\u80fd\u6027\u3092\u6700\u5927\u5316\u3057\u307e\u3059\u3002<\/p>\n                            <a href=\"javascript:void(0)\" class=\"pf-service-cta\">Coming soon<\/a>\n                        <\/div>\n                    <\/div>\n                    <div class=\"pf-service-item\">\n                        <div class=\"pf-service-img-wrap pf-reveal\">\n                            <span class=\"pf-service-tag\">Service 02<\/span>\n                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?q=80&#038;w=1000&#038;auto=format&#038;fit=crop\" alt=\"\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u652f\u63f4\" referrerPolicy=\"no-referrer\">\n                        <\/div>\n                        <div class=\"pf-service-text pf-reveal\">\n                            <span class=\"pf-service-num\">02<\/span>\n                            <span class=\"pf-service-eyebrow\">Marketing Partnership<\/span>\n                            <h3 class=\"pf-service-name\">\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u652f\u63f4<small>Marketing Support<\/small><\/h3>\n                            <p class=\"pf-service-tagline\">\u300c\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u304c\u6a5f\u80fd\u3059\u308b\u7d44\u7e54\u3092\u3001\u5171\u306b\u3064\u304f\u308b\u3002\u300d<\/p>\n                            <p class=\"pf-service-summary\">\u4e8b\u696d\u6210\u9577\u3092\u52a0\u901f\u3055\u305b\u305f\u3044\u4f01\u696d\u3055\u307e\u5411\u3051\u306e\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u652f\u63f4\u3002\u6226\u7565\u7acb\u6848\u3060\u3051\u3001\u65bd\u7b56\u4ee3\u884c\u3060\u3051\u3067\u306f\u30b9\u30b1\u30fc\u30eb\u3057\u306a\u3044\u2500\u2500ProFan\u306f\u6226\u7565\u8a2d\u8a08\u304b\u3089\u7d44\u7e54\u4f53\u5236\u306e\u69cb\u7bc9\u30fb\u904b\u7528\u307e\u3067\u3092\u4e00\u6c17\u901a\u8cab\u3067\u652f\u63f4\u3057\u307e\u3059\u3002\u9867\u554f\u30fb\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u578b\u306a\u3069\u8cb4\u793e\u306e\u30d5\u30a7\u30fc\u30ba\u306b\u5fdc\u3058\u305f\u6700\u9069\u306a\u30b9\u30bf\u30a4\u30eb\u3067\u3001\u518d\u73fe\u6027\u306e\u3042\u308b\u300c\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u304c\u6a5f\u80fd\u3059\u308b\u7d44\u7e54\u300d\u3065\u304f\u308a\u306b\u4e2d\u9577\u671f\u3067\u4f34\u8d70\u3057\u307e\u3059\u3002<\/p>\n                            <a href=\"javascript:void(0)\" class=\"pf-service-cta\">Coming soon<\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section id=\"pf-case\" class=\"pf-section\">\n            <div class=\"pf-container\">\n                <div class=\"pf-section-head pf-reveal\">\n                    <span class=\"pf-section-num\">03<\/span>\n                    <span class=\"pf-section-label\">Case<\/span>\n                    <span class=\"pf-section-rule\"><\/span>\n                <\/div>\n                <h2 class=\"pf-section-title pf-reveal\">\u53d6\u5f15<em>\u5b9f\u7e3e<\/em><\/h2>\n                <div class=\"pf-case-grid pf-reveal\">\n                    <div class=\"pf-case-cell\"><span class=\"pf-case-cell-label\">Logo 01<\/span><\/div>\n                    <div class=\"pf-case-cell\"><span class=\"pf-case-cell-label\">Logo 02<\/span><\/div>\n                    <div class=\"pf-case-cell\"><span class=\"pf-case-cell-label\">Logo 03<\/span><\/div>\n                    <div class=\"pf-case-cell\"><span class=\"pf-case-cell-label\">Logo 04<\/span><\/div>\n                    <div class=\"pf-case-cell\"><span class=\"pf-case-cell-label\">Logo 05<\/span><\/div>\n                    <div class=\"pf-case-cell\"><span class=\"pf-case-cell-label\">Logo 06<\/span><\/div>\n                    <div class=\"pf-case-cell\"><span class=\"pf-case-cell-label\">Logo 07<\/span><\/div>\n                    <div class=\"pf-case-cell\"><span class=\"pf-case-cell-label\">Logo 08<\/span><\/div>\n                <\/div>\n                <div class=\"pf-case-coming-soon pf-reveal\">\n                    <span class=\"pf-cs-label\">Coming soon.<\/span>\n                    <p class=\"pf-cs-desc\">\u53d6\u5f15\u5148\u306e\u30ed\u30b4\u3068\u4e8b\u4f8b\u6982\u8981\u3092\u3001\u8fd1\u65e5\u4e2d\u306b\u516c\u958b\u4e88\u5b9a\u3067\u3059\u3002<\/p>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section id=\"pf-company\" class=\"pf-section pf-invert\">\n            <div class=\"pf-container\">\n                <div class=\"pf-section-head pf-reveal\">\n                    <span class=\"pf-section-num\">04<\/span>\n                    <span class=\"pf-section-label\">Company<\/span>\n                    <span class=\"pf-section-rule\"><\/span>\n                <\/div>\n                <h3 class=\"pf-company-block-heading pf-reveal\">Member<\/h3>\n\n                <div class=\"pf-member-list\">\n                    <article class=\"pf-member-card pf-reveal\">\n                        <div class=\"pf-member-photo-wrap\">\n                            <img decoding=\"async\" src=\"https:\/\/profan.co.jp\/wp-content\/uploads\/2026\/03\/gpR846S-1.webp\" alt=\"\u4ee3\u8868\u53d6\u7de0\u5f79CEO \u516b\u7530 \u51cc\u96c5\" referrerPolicy=\"no-referrer\">\n                        <\/div>\n                        <div class=\"pf-member-content\">\n                            <header class=\"pf-member-header\">\n                                <span class=\"pf-member-role-chip\">Founder &amp; CEO<\/span>\n                                <h2 class=\"pf-member-name\">\u516b\u7530 \u51cc\u96c5<\/h2>\n                                <span class=\"pf-member-name-en\">Ryoga Hatta<\/span>\n                                <span class=\"pf-member-position\">\u4ee3\u8868\u53d6\u7de0\u5f79 CEO<\/span>\n                            <\/header>\n                            <div class=\"pf-member-block\">\n                                <div class=\"pf-member-block-label\">\n                                    <span class=\"pf-member-block-title\">Career<\/span>\n                                <\/div>\n                                <div class=\"pf-member-block-body\">\n                                    <p>\u6771\u4eac\u5b66\u82b8\u5927\u5b66\u6559\u80b2\u5b66\u90e8\u306b\u5728\u5b66\u4e2d\u3001\u30b5\u30c3\u30ab\u30fc\u6307\u5c0e\u8005\u5411\u3051\u306e\u6708\u984d1\u4e07\u5186\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u4e8b\u696d\u3092\u30b9\u30bf\u30fc\u30c8\u3002\u304a\u3088\u305d3\u5e74\u3067250\u540d\u898f\u6a21\u3078\u62e1\u5927\u3057\u3001\u73fe\u5f79J\u30ea\u30fc\u30ac\u30fc\u3084J\u30ea\u30fc\u30b0\u76e3\u7763\u306a\u3069\u696d\u754c\u6709\u8b58\u8005\u3068\u9023\u643a\u3057\u306a\u304c\u3089\u30b5\u30fc\u30d3\u30b9\u3092\u69cb\u7bc9\u3002\u6307\u5c0e\u8005\u696d\u754c\u306b\u300c\u30b3\u30fc\u30c1\u30f3\u30b0\u3092\u52c9\u5f37\u3059\u308b\u91cd\u8981\u6027\u300d\u3068\u3044\u3046\u30e2\u30e1\u30f3\u30bf\u30e0\u3092\u62e1\u3052\u305f\u3002<\/p>\n                                    <p>\u305d\u306e\u5f8c\u3001SNS\u5e83\u544a\u4ee3\u7406\u5e97\u3078\u8ee2\u8077\u3057\u3001\u6cd5\u4eba\u55b6\u696d\u30fb\u30af\u30ea\u30a8\u30a4\u30c6\u30a3\u30d6\u30c7\u30a3\u30ec\u30af\u30b7\u30e7\u30f3\u30fb\u5e83\u544a\u904b\u7528\u3092\u4e00\u6c17\u901a\u8cab\u3067\u7fd2\u5f97\u3002\u30c1\u30fc\u30e0\u30de\u30cd\u30b8\u30e1\u30f3\u30c8\u3082\u62c5\u5f53\u3002\u3055\u3089\u306b\u3001SNS\u30fb\u30a4\u30f3\u30d5\u30eb\u30a8\u30f3\u30b5\u30fc\u3092\u6d3b\u7528\u3057\u305f\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u652f\u63f4\u4f1a\u793e\u3078\u57f7\u884c\u5f79\u54e1\u3068\u3057\u3066\u5165\u793e\u3057\u3001\u30a2\u30ab\u30a6\u30f3\u30c8\u30d7\u30e9\u30f3\u30cb\u30f3\u30b0\u90e8\u3092\u7ba1\u638c\u3002\u7d9a\u3044\u3066\u540c\u793e\u306eAI\u99c6\u52d5\u958b\u767a\u4e8b\u696d\u90e8\u306b\u3066\u3001\u6700\u5927\u624b\u901a\u4fe1\u4f1a\u793e\u306eCRM\u30c4\u30fc\u30eb\u958b\u767a\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u30de\u30cd\u30b8\u30e1\u30f3\u30c8\u696d\u52d9\u3092\u62c5\u5f53\u3057\u3001AIDD\u30b9\u30ad\u30fc\u30e0\u306e\u7814\u4fee\u30d7\u30ed\u30b0\u30e9\u30e0\u306e\u69cb\u7bc9\u304b\u3089\u8b1b\u5e2b\u307e\u3067\u52d9\u3081\u305f\u7d4c\u9a13\u3092\u6301\u3064\u3002<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"pf-member-block\">\n                                <div class=\"pf-member-block-label\">\n                                    <span class=\"pf-member-block-title\">Strengths<\/span>\n                                <\/div>\n                                <div class=\"pf-member-block-body\">\n                                    <p>\u300c\u6559\u80b2\u300d\u3068\u3044\u3046\u30c9\u30e1\u30a4\u30f3\u3092\u4e3b\u6226\u5834\u3068\u3057\u3001\u6559\u80b2\u30ab\u30ea\u30ad\u30e5\u30e9\u30e0\u306e\u69cb\u7bc9\u304b\u3089\u8b1b\u5e2b\u767b\u58c7\u307e\u3067\u3092\u5f97\u610f\u3068\u3059\u308b\u3002\u30b5\u30c3\u30ab\u30fc\u696d\u754c\u3067\u306e\u7d4c\u9a13\u306f\u3082\u3061\u308d\u3093\u3001\u30d7\u30ec\u30a4\u30e4\u30fc\u30fb\u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u30fb\u5f79\u54e1\u30fb\u696d\u52d9\u59d4\u8a17\u3068\u5168\u30ec\u30a4\u30e4\u30fc\u3067\u306e\u696d\u52d9\u3092\u7d4c\u9a13\u3057\u305f\u3053\u3068\u306b\u3088\u308b\u300e\u50cd\u304f\u4eba\u306e\u6c17\u6301\u3061\u304c\u8ab0\u3088\u308a\u3082\u5206\u304b\u308b\u5171\u611f\u529b\u300f\u3092\u6b66\u5668\u306b\u3002<\/p>\n                                    <div class=\"pf-member-tags\">\n                                        <span class=\"pf-member-tag\">\u6559\u80b2\u30ab\u30ea\u30ad\u30e5\u30e9\u30e0\u69cb\u7bc9<\/span>\n                                        <span class=\"pf-member-tag\">\u8b1b\u5e2b\u767b\u58c7<\/span>\n                                        <span class=\"pf-member-tag\">\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u6226\u7565<\/span>\n                                        <span class=\"pf-member-tag\">\u7d44\u7e54\u958b\u767a<\/span>\n                                        <span class=\"pf-member-tag\">\u5171\u611f\u529b<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/article>\n\n                    <article class=\"pf-member-card pf-reveal\">\n                        <div class=\"pf-member-photo-wrap\">\n                            <img decoding=\"async\" src=\"https:\/\/profan.co.jp\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_.png\" alt=\"\u5c02\u52d9\u53d6\u7de0\u5f79 COO Y.R\" referrerPolicy=\"no-referrer\">\n                        <\/div>\n                        <div class=\"pf-member-content\">\n                            <header class=\"pf-member-header\">\n                                <span class=\"pf-member-role-chip\">Co-Founder &amp; COO<\/span>\n                                <h2 class=\"pf-member-name\">Y.R<\/h2>\n                                <span class=\"pf-member-name-en\">Y.R<\/span>\n                                <span class=\"pf-member-position\">\u5c02\u52d9\u53d6\u7de0\u5f79 COO<\/span>\n                            <\/header>\n                            <div class=\"pf-member-block\">\n                                <div class=\"pf-member-block-label\">\n                                    <span class=\"pf-member-block-title\">Career<\/span>\n                                <\/div>\n                                <div class=\"pf-member-block-body\">\n                                    <p>\u540d\u53e4\u5c4b\u5927\u5b66\u7d4c\u6e08\u5b66\u90e8\u3092\u5352\u696d\u5f8c\u3001\u6700\u5927\u624b\u8a3c\u5238\u4f1a\u793e\u306b\u65b0\u5352\u5165\u793e\u3002\u30ea\u30c6\u30fc\u30eb\u55b6\u696d\u3068\u3057\u3066\u793e\u9577\u8cde\u3092\u8907\u6570\u56de\u53d7\u8cde\u3002<\/p>\n                                    <p>\u305d\u306e\u5f8c\u3001M&amp;A\u4ef2\u4ecb\u306b\u3066\u7d4c\u55b6\u8005\u6298\u885d\u30fb\u8ca1\u52d9\u5206\u6790\u306b\u5f93\u4e8b\u3002\u73fe\u5728\u306f\u30a4\u30f3\u30bf\u30fc\u30cd\u30c3\u30c8\u696d\u754c\u306b\u3066\u4e3b\u306bGoogle\u5e83\u544a\u3092\u8ef8\u306b\u3001\u6708\u55461\u5104\u5186\u898f\u6a21\u306e\u30a2\u30d5\u30a3\u30ea\u30a8\u30a4\u30c8\u4e8b\u696d\u3092\u727d\u5f15\u3057\u3066\u3044\u308b\u3002<\/p>\n                                    <p>\u5e7c\u5150\u671f\u304b\u3089\u73fe\u5728\u307e\u3067\u30b5\u30c3\u30ab\u30fc\u3092\u7d9a\u3051\u3066\u3044\u308b\u3002<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"pf-member-block\">\n                                <div class=\"pf-member-block-label\">\n                                    <span class=\"pf-member-block-title\">Strengths<\/span>\n                                <\/div>\n                                <div class=\"pf-member-block-body\">\n                                    <p>\u9ad8\u5ea6\u306a\u91d1\u878d\u8ca1\u52d9\u77e5\u8b58\u3001\u5927\u898f\u6a21Web\u5e83\u544a\u306e\u904b\u7528\u30fb\u5206\u6790\u529b\u3001\u3055\u3089\u306b\u306fAI\u3092\u6d3b\u7528\u3057\u305f\u30b7\u30b9\u30c6\u30e0\u5316\u3084\u6a19\u6e96\u5316\u306a\u3069\u30aa\u30da\u30ec\u30fc\u30b7\u30e7\u30f3\u9818\u57df\u306e\u69cb\u7bc9\u3092\u6700\u3082\u5f97\u610f\u3068\u3059\u308b\u3002CFP\u30fb\u5b85\u5efa\u8cc7\u683c\u3068\u3044\u3063\u305f\u9ad8\u96e3\u6613\u5ea6\u8cc7\u683c\u3082\u4fdd\u6709\u3057\u3066\u304a\u308a\u3001\u78ba\u304b\u306a\u982d\u8133\u3068\u30d5\u30a1\u30af\u30c8\u60c5\u5831\u306b\u57fa\u3065\u3044\u305f\u4fa1\u5024\u63d0\u4f9b\u3092\u7d04\u675f\u3059\u308b\u3002<\/p>\n                                    <div class=\"pf-member-tags\">\n                                        <span class=\"pf-member-tag\">\u91d1\u878d\u30fb\u8ca1\u52d9<\/span>\n                                        <span class=\"pf-member-tag\">\u5927\u898f\u6a21Web\u5e83\u544a<\/span>\n                                        <span class=\"pf-member-tag\">\u30c7\u30fc\u30bf\u5206\u6790<\/span>\n                                        <span class=\"pf-member-tag\">AI\u30aa\u30da\u30ec\u30fc\u30b7\u30e7\u30f3<\/span>\n                                        <span class=\"pf-member-tag\">CFP \/ \u5b85\u5efa<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/article>\n                <\/div>\n\n                <h3 class=\"pf-company-block-heading pf-reveal\">\u4f1a\u793e\u6982\u8981<\/h3>\n                <div class=\"pf-company-info-list pf-reveal\">\n                    <dl>\n                        <div class=\"pf-company-info-row\">\n                            <dt class=\"pf-company-info-dt\">\u4f1a\u793e\u540d<\/dt>\n                            <dd class=\"pf-company-info-dd\">\u682a\u5f0f\u4f1a\u793eProFan<\/dd>\n                        <\/div>\n                        <div class=\"pf-company-info-row\">\n                            <dt class=\"pf-company-info-dt\">\u4ee3\u8868\u8005<\/dt>\n                            <dd class=\"pf-company-info-dd\">\u516b\u7530 \u51cc\u96c5<\/dd>\n                        <\/div>\n                        <div class=\"pf-company-info-row\">\n                            <dt class=\"pf-company-info-dt\">\u8a2d\u7acb<\/dt>\n                            <dd class=\"pf-company-info-dd\">2025\u5e7411\u6708\uff08\u767b\u8a18\uff1a2026\u5e744\u6708\uff09<\/dd>\n                        <\/div>\n                        <div class=\"pf-company-info-row\">\n                            <dt class=\"pf-company-info-dt\">\u6240\u5728\u5730<\/dt>\n                            <dd class=\"pf-company-info-dd\">\u3012106-0032<br>\u6771\u4eac\u90fd\u6e2f\u533a\u516d\u672c\u67283-16-12 \u516d\u672c\u6728KS\u30d3\u30eb 5F<\/dd>\n                        <\/div>\n                        <div class=\"pf-company-info-row\">\n                            <dt class=\"pf-company-info-dt\">\u8cc7\u672c\u91d1<\/dt>\n                            <dd class=\"pf-company-info-dd\">1,000,000\u5186<\/dd>\n                        <\/div>\n                        <div class=\"pf-company-info-row\">\n                            <dt class=\"pf-company-info-dt\">\u4e8b\u696d\u5185\u5bb9<\/dt>\n                            <dd class=\"pf-company-info-dd\">Beyond Pro<br>\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u652f\u63f4<\/dd>\n                        <\/div>\n                    <\/dl>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section id=\"pf-news\" class=\"pf-section\">\n            <div class=\"pf-container\">\n                <div class=\"pf-section-head pf-reveal\">\n                    <span class=\"pf-section-num\">05<\/span>\n                    <span class=\"pf-section-label\">News<\/span>\n                    <span class=\"pf-section-rule\"><\/span>\n                <\/div>\n                <h2 class=\"pf-section-title pf-reveal\">Latest <em>News<\/em><\/h2>\n                <div class=\"pf-news-list pf-reveal\">\n                    <div class=\"pf-news-item\" data-news-id=\"news-2\">\n                        <span class=\"pf-news-date\">2026.05.01 (Fri)<\/span>\n                        <span class=\"pf-news-cat\">Press<\/span>\n                        <a href=\"javascript:void(0)\" class=\"pf-news-title\">\u682a\u5f0f\u4f1a\u793eProFan\u304c\u3001<br class=\"pf-sp-br\">\u682a\u5f0f\u4f1a\u793e\u3044\u304d\u304c\u3044\u306e\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u9867\u554f\u306b\u5c31\u4efb\u3002<\/a>\n                        <span class=\"pf-news-arrow\">\u2192<\/span>\n                    <\/div>\n                    <div class=\"pf-news-item\" data-news-id=\"news-1\">\n                        <span class=\"pf-news-date\">2026.04.01<\/span>\n                        <span class=\"pf-news-cat\">Notice<\/span>\n                        <a href=\"javascript:void(0)\" class=\"pf-news-title\">\u682a\u5f0f\u4f1a\u793eProFan\u3092<br class=\"pf-sp-br\">\u8a2d\u7acb\u3057\u307e\u3057\u305f\u3002<\/a>\n                        <span class=\"pf-news-arrow\">\u2192<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section id=\"pf-contact\" class=\"pf-section\">\n            <div class=\"pf-container\">\n                <div class=\"pf-section-head pf-reveal\">\n                    <span class=\"pf-section-num\">06<\/span>\n                    <span class=\"pf-section-label\">Contact<\/span>\n                    <span class=\"pf-section-rule\"><\/span>\n                <\/div>\n                <h2 class=\"pf-section-title pf-reveal pf-center\">\u304a\u554f\u3044<em>\u5408\u308f\u305b<\/em><\/h2>\n                <p class=\"pf-contact-intro pf-reveal\">\u30b5\u30fc\u30d3\u30b9\u3078\u306e\u3054\u76f8\u8ac7\u3001\u53d6\u6750\u30fb\u30e1\u30c7\u30a3\u30a2\u63b2\u8f09\u3001\u63a1\u7528\u3001\u305d\u306e\u4ed6\u306e\u3054\u7528\u4ef6\u307e\u3067\u3001<br>\u4e0b\u8a18\u30d5\u30a9\u30fc\u30e0\u3088\u308a\u304a\u6c17\u8efd\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002<\/p>\n                <div class=\"pf-contact-form pf-reveal\">\n                    <form id=\"pf-contact-form\" action=\"https:\/\/formspree.io\/f\/xqeyjzrl\" method=\"POST\">\n                        <div class=\"pf-form-group\">\n                            <label for=\"pf-form-company\">\u4f01\u696d\u540d <span class=\"pf-optional-mark\">Optional<\/span><\/label>\n                            <input type=\"text\" id=\"pf-form-company\" name=\"\u4f01\u696d\u540d\" placeholder=\"\u4f8b:\u682a\u5f0f\u4f1a\u793eProFan\">\n                        <\/div>\n                        <div class=\"pf-form-group\">\n                            <label for=\"pf-form-name\">\u304a\u540d\u524d <span class=\"pf-required-mark\">Required<\/span><\/label>\n                            <input type=\"text\" id=\"pf-form-name\" name=\"\u304a\u540d\u524d\" required placeholder=\"\u4f8b:\u516b\u7530 \u51cc\u96c5\">\n                        <\/div>\n                        <div class=\"pf-form-group\">\n                            <label for=\"pf-form-email\">\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9 <span class=\"pf-required-mark\">Required<\/span><\/label>\n                            <input type=\"email\" id=\"pf-form-email\" name=\"\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\" required placeholder=\"example@profan.co.jp\">\n                        <\/div>\n                        <div class=\"pf-form-group\">\n                            <label for=\"pf-form-category\">\u304a\u554f\u3044\u5408\u308f\u305b\u5185\u5bb9 <span class=\"pf-required-mark\">Required<\/span><\/label>\n                            <select id=\"pf-form-category\" name=\"\u304a\u554f\u3044\u5408\u308f\u305b\u5185\u5bb9\" required>\n                                <option value=\"\" disabled selected>\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044<\/option>\n                                <option value=\"\u6848\u4ef6\u306e\u3054\u76f8\u8ac7\">\u6848\u4ef6\u306e\u3054\u76f8\u8ac7<\/option>\n                                <option value=\"\u53d6\u6750\/\u30e1\u30c7\u30a3\u30a2\u63b2\u8f09\">\u53d6\u6750\/\u30e1\u30c7\u30a3\u30a2\u63b2\u8f09<\/option>\n                                <option value=\"\u63a1\u7528\u306b\u3064\u3044\u3066\">\u63a1\u7528\u306b\u3064\u3044\u3066<\/option>\n                                <option value=\"\u55b6\u696d\u306b\u3064\u3044\u3066\">\u55b6\u696d\u306b\u3064\u3044\u3066<\/option>\n                                <option value=\"\u305d\u306e\u4ed6\">\u305d\u306e\u4ed6<\/option>\n                            <\/select>\n                        <\/div>\n                        <div class=\"pf-form-group\">\n                            <label for=\"pf-form-detail\">\u304a\u554f\u3044\u5408\u308f\u305b\u5185\u5bb9(\u8a73\u7d30) <span class=\"pf-required-mark\">Required<\/span><\/label>\n                            <textarea id=\"pf-form-detail\" name=\"\u304a\u554f\u3044\u5408\u308f\u305b\u5185\u5bb9(\u8a73\u7d30)\" rows=\"8\" maxlength=\"2000\" required placeholder=\"\u3054\u76f8\u8ac7\u5185\u5bb9\u3092\u3054\u8a18\u5165\u304f\u3060\u3055\u3044(\u6700\u59272,000\u6587\u5b57)\"><\/textarea>\n                            <span class=\"pf-char-count\" id=\"pf-detail-count\">0 \/ 2,000<\/span>\n                        <\/div>\n                        <div class=\"pf-submit-wrap\">\n                            <button type=\"submit\" class=\"pf-submit-btn\"><span>Send Message<\/span><\/button>\n                            <div id=\"pf-form-status\"><\/div>\n                        <\/div>\n                    <\/form>\n                <\/div>\n            <\/div>\n        <\/section>\n    <\/main>\n\n    <footer class=\"pf-footer\">\n        <div class=\"pf-container\">\n            <div class=\"pf-footer-grid\">\n                <div class=\"pf-footer-col\">\n                    <span class=\"pf-footer-logo pf-display\">ProFan<\/span>\n                    <p class=\"pf-footer-tag\">To Keep Your Impact Alive.<\/p>\n                <\/div>\n                <div class=\"pf-footer-col\">\n                    <h4>Sitemap<\/h4>\n                    <ul>\n                        <li><a href=\"#pf-about\">About<\/a><\/li>\n                        <li><a href=\"#pf-service\">Service<\/a><\/li>\n                        <li><a href=\"#pf-case\">Case<\/a><\/li>\n                        <li><a href=\"#pf-company\">Company<\/a><\/li>\n                        <li><a href=\"#pf-news\">News<\/a><\/li>\n                        <li><a href=\"#pf-contact\">Contact<\/a><\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"pf-footer-col\">\n                    <h4>Contact<\/h4>\n                    <ul>\n                        <li>\u682a\u5f0f\u4f1a\u793eProFan<\/li>\n                        <li>\u3012106-0032<br>\u6771\u4eac\u90fd\u6e2f\u533a\u516d\u672c\u67283-16-12<br>\u516d\u672c\u6728KS\u30d3\u30eb 5F<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            <div class=\"pf-footer-bottom\">\n                <span>&copy; 2026 ProFan INC. All rights reserved.<\/span>\n                <span>Designed with intent.<\/span>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n<\/div>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Squada+One&#038;display=swap\" rel=\"stylesheet\">\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/lenis\/1.0.27\/lenis.min.js\"><\/script>\n\n<style>\n\/* ============================================================\n   \u3010\u4fee\u6b63\u3011WordPress \u30c6\u30fc\u30de\u306e\u8584\u7dd1\u80cc\u666f\u30fb\u4f59\u767d\u3092\u5f37\u5236\u30ea\u30bb\u30c3\u30c8\n   body \/ html \/ \u30c6\u30fc\u30de\u7279\u6709\u30af\u30e9\u30b9\u3092\u4e0a\u66f8\u304d\u3057\u3066\u30b9\u30da\u30fc\u30b9\u3092\u6d88\u53bb\n   ============================================================ *\/\nhtml,\nbody,\nbody.home,\nbody.page,\nbody.page-template-default,\n.site,\n.site-content,\n#content,\n#page,\n.wp-site-blocks,\n.is-layout-flow,\n.entry-content,\n.wp-block-group,\n.wp-block-group__inner-container,\n.alignfull,\nmain.site-main,\n#primary,\n.wp-block-post-content {\n    background: transparent !important;\n    background-color: transparent !important;\n    padding-top: 0 !important;\n    padding-bottom: 0 !important;\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n}\n\n\/* WordPress\u30c6\u30fc\u30de\u306eheader\/footer\uff08\u30c6\u30fc\u30de\u5074\uff09\u3092\u975e\u8868\u793a *\/\nbody > .site > .site-header:not(#pf-site-header),\nbody > header:not(#pf-site-header),\n.site > header:not(#pf-site-header),\n.site-header:not(#pf-site-header),\nbody > .site > .site-footer:not(.pf-footer),\nbody > footer:not(.pf-footer),\n.site > footer:not(.pf-footer),\n.site-footer:not(.pf-footer),\nbody > .site > .widget-area,\n.sidebar,\n#secondary,\n.wp-block-template-part:not(#pf-root .wp-block-template-part),\n.site-branding,\n.site-navigation,\n.wp-block-navigation {\n    display: none !important;\n}\n\n\/* block theme \u306e\u4f59\u767d\u30ea\u30bb\u30c3\u30c8 *\/\n:root {\n    --wp--style--global--content-size: 100% !important;\n    --wp--style--global--wide-size: 100% !important;\n}\n\n.wp-site-blocks > * {\n    padding-top: 0 !important;\n    padding-bottom: 0 !important;\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n}\n\n\/* ============================================================\n   ProFan Site Styles - \u3059\u3079\u3066 #pf-root \u306b\u30b9\u30b3\u30fc\u30d7\u3057\u3066\n   WordPress \u30c6\u30fc\u30de\u306e\u4e0a\u66f8\u304d\u304b\u3089\u4fdd\u8b77\u3059\u308b\n   ============================================================ *\/\n\n\/* ---------- \u89aa\u30b3\u30f3\u30c6\u30ca\u304b\u3089\u306e\u30d6\u30ec\u30a4\u30af\u30a2\u30a6\u30c8 ---------- *\/\n#pf-root {\n    position: relative !important;\n    width: 100vw !important;\n    max-width: 100vw !important;\n    margin-left: calc(50% - 50vw) !important;\n    margin-right: calc(50% - 50vw) !important;\n    left: 0 !important;\n    right: 0 !important;\n    overflow-x: hidden;\n\n    --pf-bg: #FAFAF7;\n    --pf-bg-alt: #F1EFEA;\n    --pf-text: #141414;\n    --pf-mute: #6B6B6B;\n    --pf-line: rgba(20,20,20,0.12);\n    --pf-line-strong: rgba(20,20,20,0.3);\n    --pf-accent: #0A0A0A;\n    --pf-invert-bg: #0A0A0A;\n    --pf-invert-text: #FAFAF7;\n    --pf-invert-line: rgba(255,255,255,0.12);\n    --pf-invert-mute: rgba(255,255,255,0.55);\n    --pf-font-main: 'Helvetica Neue', Helvetica, '\u6e38\u30b4\u30b7\u30c3\u30af', YuGothic, 'Yu Gothic Medium', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', '\u30d2\u30e9\u30ae\u30ce\u89d2\u30b4 ProN W3', '\u30e1\u30a4\u30ea\u30aa', Meiryo, Arial, sans-serif;\n    --pf-font-num: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    --pf-font-display: 'Squada One', 'Helvetica Neue', sans-serif;\n    --pf-ease: cubic-bezier(0.65, 0, 0.35, 1);\n\n    background: var(--pf-bg);\n    color: var(--pf-text);\n    font-family: var(--pf-font-main);\n    line-height: 1.8;\n    font-size: 15px;\n    font-weight: 400;\n    letter-spacing: 0.02em;\n    -webkit-font-smoothing: antialiased;\n}\n\n\/* ---------- \u5168\u8981\u7d20\u306e\u57fa\u672c\u30ea\u30bb\u30c3\u30c8(\u30c6\u30fc\u30de\u4e0a\u66f8\u304d\u5bfe\u7b56) ---------- *\/\n#pf-root,\n#pf-root *,\n#pf-root *::before,\n#pf-root *::after { box-sizing: border-box; }\n#pf-root *,\n#pf-root *::before,\n#pf-root *::after { margin: 0; padding: 0; }\n#pf-root a { color: inherit; text-decoration: none; background: transparent; }\n#pf-root img { display: block; max-width: 100%; height: auto; border: 0; }\n#pf-root ul, #pf-root ol { list-style: none; }\n#pf-root button { font-family: inherit; cursor: pointer; }\n#pf-root input, #pf-root textarea, #pf-root select { font-family: inherit; }\n#pf-root h1, #pf-root h2, #pf-root h3, #pf-root h4, #pf-root h5, #pf-root h6 {\n    font-family: var(--pf-font-main); font-weight: 700; letter-spacing: 0.02em;\n    line-height: 1.3; color: inherit; margin: 0; padding: 0;\n}\n#pf-root p { margin: 0; padding: 0; color: inherit; }\n#pf-root ::selection { background: var(--pf-text); color: var(--pf-bg); }\n#pf-root .pf-display { font-family: var(--pf-font-display); letter-spacing: 0.02em; }\n#pf-root .pf-container { max-width: 1240px; margin: 0 auto; padding: 0 48px; width: 100%; }\n#pf-root .pf-section { padding: 180px 0; position: relative; width: 100%; display: block; }\n#pf-root .pf-center { text-align: center; }\n\n\/* ---------- Loader ---------- *\/\n#pf-root #pf-loader-el {\n    position: fixed; inset: 0; background: #0A0A0A; z-index: 99999;\n    display: flex; justify-content: center; align-items: center; color: #fff;\n    animation: pf-loaderFailsafe 0.5s ease 1.2s forwards;\n}\n@keyframes pf-loaderFailsafe { to { opacity: 0; transform: translateY(-100%); visibility: hidden; pointer-events: none; } }\n#pf-root .pf-loader-text { font-size: 2.4rem; font-weight: 700; letter-spacing: 0.4em; }\n\n\/* ---------- Header ---------- *\/\n#pf-root #pf-site-header {\n    position: fixed; top: 0; left: 0; width: 100%; padding: 18px 0; z-index: 9999;\n    background: rgba(10, 10, 10, 0.6); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);\n    border-bottom: 1px solid rgba(255,255,255,0.08); color: #fff;\n    transition: padding 0.4s var(--pf-ease), background 0.4s var(--pf-ease);\n}\n#pf-root #pf-site-header.pf-scrolled { padding: 12px 0; background: rgba(10,10,10,0.85); }\n#pf-root .pf-header-inner { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; }\n#pf-root .pf-logo { display: flex; align-items: center; }\n#pf-root .pf-logo img { height: 42px; width: auto; transition: opacity 0.3s; }\n#pf-root .pf-logo:hover img { opacity: 0.7; }\n#pf-root .pf-nav ul { display: flex; gap: 36px; list-style: none; padding: 0; margin: 0; }\n#pf-root .pf-nav ul li { list-style: none; margin: 0; padding: 0; }\n#pf-root .pf-nav ul li a {\n    position: relative; display: inline-flex; align-items: center; gap: 10px;\n    font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.18em;\n    color: #fff; font-weight: 500; line-height: 1; padding: 6px 0; transition: opacity 0.3s;\n}\n#pf-root .pf-nav ul li a::before {\n    content: ''; width: 4px; height: 4px; background: #fff; border-radius: 50%;\n    opacity: 0.6; transition: width 0.3s var(--pf-ease), opacity 0.3s, border-radius 0.3s;\n}\n#pf-root .pf-nav ul li a:hover { opacity: 1; }\n#pf-root .pf-nav ul li a:hover::before { width: 14px; opacity: 1; border-radius: 4px; }\n\n\/* ---------- Hero ---------- *\/\n#pf-root #pf-hero {\n    min-height: 100vh; display: flex; align-items: center; padding: 0; overflow: hidden;\n    background: var(--pf-bg);\n}\n#pf-root #pf-hero::before {\n    content: ''; position: absolute; inset: 0;\n    background: radial-gradient(circle at 80% 20%, rgba(20,20,20,0.04), transparent 60%), radial-gradient(circle at 10% 90%, rgba(20,20,20,0.05), transparent 50%);\n    pointer-events: none;\n}\n#pf-root .pf-hero-content { position: relative; z-index: 2; max-width: 980px; }\n#pf-root .pf-hero-kicker {\n    display: inline-flex; align-items: center; gap: 14px; font-size: 0.78rem;\n    font-weight: 500; letter-spacing: 0.32em; text-transform: uppercase;\n    color: var(--pf-mute); margin-bottom: 36px;\n}\n#pf-root .pf-hero-kicker::before { content: ''; display: inline-block; width: 56px; height: 1px; background: var(--pf-text); }\n#pf-root .pf-hero-title {\n    font-family: var(--pf-font-main); font-size: clamp(2rem, 5.5vw, 4.4rem);\n    line-height: 1.3; font-weight: 700; letter-spacing: 0.02em;\n    margin-bottom: 48px; color: var(--pf-text);\n}\n#pf-root .pf-hero-title em {\n    font-family: inherit; font-style: normal; font-weight: inherit;\n    position: relative; display: inline-block; padding: 0 0.05em;\n}\n#pf-root .pf-hero-title em::after {\n    content: ''; position: absolute; left: 0; right: 0; bottom: 0.05em;\n    height: 6px; background: rgba(20,20,20,0.08); z-index: -1;\n}\n#pf-root .pf-hero-desc { max-width: 620px; font-size: 0.95rem; line-height: 2; color: var(--pf-text); opacity: 0.78; }\n#pf-root .pf-hero-bg-text {\n    position: absolute; bottom: -8vw; right: -2vw; font-size: 22vw; line-height: 1;\n    font-weight: 900; color: rgba(20,20,20,0.04); white-space: nowrap;\n    pointer-events: none; user-select: none; font-family: var(--pf-font-display);\n}\n#pf-root .pf-hero-scroll {\n    position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%);\n    font-size: 0.7rem; letter-spacing: 0.3em; text-transform: uppercase;\n    color: var(--pf-mute); display: flex; flex-direction: column; align-items: center; gap: 14px; z-index: 3;\n}\n#pf-root .pf-hero-scroll-line {\n    width: 1px; height: 60px;\n    background: linear-gradient(to bottom, var(--pf-text), transparent);\n    position: relative; overflow: hidden;\n}\n#pf-root .pf-hero-scroll-line::after {\n    content: ''; position: absolute; top: -60px; left: 0; width: 1px; height: 60px;\n    background: var(--pf-bg); animation: pf-scrollLine 2.4s var(--pf-ease) infinite;\n}\n@keyframes pf-scrollLine { 0% { top: -60px; } 100% { top: 60px; } }\n\n\/* ---------- Reveal ---------- *\/\n#pf-root .pf-reveal {\n    opacity: 0; transform: translateY(28px);\n    transition: opacity 0.6s, transform 0.6s;\n    animation: pf-revealFailsafe 0.5s ease 1s forwards;\n}\n@keyframes pf-revealFailsafe { to { opacity: 1; transform: translateY(0); } }\n#pf-root .pf-reveal.pf-is-visible { opacity: 1; transform: translateY(0); animation: none; }\n\n\/* ---------- Section Headings ---------- *\/\n#pf-root .pf-section-head { display: flex; align-items: center; gap: 18px; margin-bottom: 28px; }\n#pf-root .pf-section-num { font-family: var(--pf-font-num); font-weight: 600; font-size: 0.78rem; letter-spacing: 0.2em; color: var(--pf-text); }\n#pf-root .pf-section-label { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.32em; color: var(--pf-mute); font-weight: 500; }\n#pf-root .pf-section-rule { flex: 1; height: 1px; background: var(--pf-line); }\n#pf-root .pf-section-title {\n    font-family: var(--pf-font-main); font-size: clamp(2rem, 5vw, 3.4rem);\n    margin-bottom: 72px; line-height: 1.3; font-weight: 700; letter-spacing: 0.02em;\n}\n#pf-root .pf-section-title em { font-family: inherit; font-style: normal; font-weight: inherit; position: relative; }\n#pf-root .pf-invert .pf-section-num,\n#pf-root .pf-invert .pf-section-title { color: var(--pf-invert-text); }\n#pf-root .pf-invert .pf-section-label { color: var(--pf-invert-mute); }\n#pf-root .pf-invert .pf-section-rule { background: var(--pf-invert-line); }\n\n\/* ---------- About \/ MVV ---------- *\/\n#pf-root #pf-about { padding: 200px 0 180px; }\n#pf-root .pf-mvv-mission {\n    margin: 0 0 100px; display: grid; grid-template-columns: 1fr 2fr; gap: 64px;\n    align-items: end; padding-bottom: 60px; border-bottom: 1px solid var(--pf-line);\n}\n#pf-root .pf-mvv-mission-label { font-family: var(--pf-font-main); font-weight: 400; font-size: clamp(2rem, 4vw, 3rem); color: var(--pf-text); }\n#pf-root .pf-mvv-mission-text { font-family: var(--pf-font-main); font-size: clamp(1.6rem, 3.5vw, 2.4rem); font-weight: 700; letter-spacing: 0.04em; line-height: 1.6; }\n#pf-root .pf-vv-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 80px; }\n#pf-root .pf-mvv-card { position: relative; padding: 36px 0 0; border-top: 1px solid var(--pf-line); }\n#pf-root .pf-mvv-card-head { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 28px; }\n#pf-root .pf-mvv-card-title { font-family: var(--pf-font-main); font-weight: 700; font-size: 1.6rem; letter-spacing: 0; }\n#pf-root .pf-mvv-card-num { font-family: var(--pf-font-num); font-size: 0.78rem; letter-spacing: 0.2em; color: var(--pf-mute); }\n#pf-root .pf-mvv-card p { font-size: 0.95rem; line-height: 2; color: rgba(20,20,20,0.78); }\n#pf-root .pf-mvv-card .pf-lead {\n    font-size: 1.1rem; font-weight: 600; color: var(--pf-text); display: block;\n    margin-bottom: 20px; line-height: 1.6; letter-spacing: 0.04em;\n}\n#pf-root .pf-mvv-values { display: flex; flex-direction: column; gap: 28px; }\n#pf-root .pf-mvv-value-item { display: grid; grid-template-columns: 56px 1fr; gap: 18px; align-items: start; }\n#pf-root .pf-mvv-value-num { font-family: var(--pf-font-num); font-size: 0.78rem; font-weight: 600; letter-spacing: 0.2em; color: var(--pf-mute); padding-top: 6px; }\n#pf-root .pf-mvv-value-label { display: block; font-weight: 700; font-size: 1.05rem; margin-bottom: 8px; letter-spacing: 0.04em; }\n#pf-root .pf-mvv-value-text { font-size: 0.92rem; line-height: 1.95; color: rgba(20,20,20,0.78); }\n\n\/* ---------- Service ---------- *\/\n#pf-root #pf-service { background: var(--pf-bg-alt); }\n#pf-root .pf-service-list { display: flex; flex-direction: column; gap: 140px; }\n#pf-root .pf-service-item {\n    display: grid; grid-template-columns: 1.05fr 1fr; gap: 80px;\n    align-items: center; position: relative;\n}\n#pf-root .pf-service-item:nth-child(even) { grid-template-columns: 1fr 1.05fr; }\n#pf-root .pf-service-item:nth-child(even) .pf-service-text { order: -1; }\n#pf-root .pf-service-img-wrap {\n    position: relative; aspect-ratio: 4\/5; overflow: hidden;\n    background: #ddd; transform: translateZ(0);\n}\n#pf-root .pf-service-img-wrap img {\n    width: 100%; height: 100%; object-fit: cover;\n    transition: transform 1.2s var(--pf-ease), filter 1.2s var(--pf-ease);\n    filter: grayscale(0.15) contrast(1.05);\n}\n#pf-root .pf-service-img-wrap:hover img { transform: scale(1.06); filter: grayscale(0) contrast(1); }\n#pf-root .pf-service-tag {\n    position: absolute; top: 16px; left: 18px; font-family: var(--pf-font-num);\n    font-weight: 700; font-size: 0.72rem; letter-spacing: 0.32em;\n    color: #fff; text-transform: uppercase; mix-blend-mode: difference;\n}\n#pf-root .pf-service-num {\n    position: absolute; top: -22px; right: -8px; font-family: var(--pf-font-num);\n    font-weight: 900; font-size: clamp(6rem, 12vw, 11rem); line-height: 1;\n    color: var(--pf-text); opacity: 0.06; pointer-events: none; letter-spacing: -0.05em;\n}\n#pf-root .pf-service-text { position: relative; }\n#pf-root .pf-service-eyebrow {\n    display: inline-flex; align-items: center; gap: 12px; font-size: 0.74rem;\n    font-weight: 500; letter-spacing: 0.32em; text-transform: uppercase;\n    color: var(--pf-mute); margin-bottom: 22px;\n}\n#pf-root .pf-service-eyebrow::before { content: ''; display: inline-block; width: 28px; height: 1px; background: var(--pf-text); }\n#pf-root .pf-service-name {\n    font-size: clamp(1.8rem, 4vw, 2.6rem); font-weight: 700;\n    letter-spacing: 0.02em; line-height: 1.35; margin-bottom: 14px;\n}\n#pf-root .pf-service-name small { display: block; font-size: 0.75em; font-weight: 500; color: var(--pf-mute); margin-top: 4px; letter-spacing: 0.05em; }\n#pf-root .pf-service-tagline { font-family: var(--pf-font-main); font-weight: 700; font-size: 1.2rem; line-height: 1.7; margin-bottom: 22px; color: var(--pf-text); }\n#pf-root .pf-service-summary { font-size: 0.95rem; line-height: 2; color: rgba(20,20,20,0.8); margin-bottom: 28px; }\n#pf-root .pf-service-cta {\n    display: inline-flex; align-items: center; gap: 14px; font-size: 0.78rem;\n    font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase;\n    color: var(--pf-mute); border-bottom: 1px solid var(--pf-line);\n    padding-bottom: 8px; transition: color 0.3s, border-color 0.3s, gap 0.3s var(--pf-ease);\n}\n#pf-root .pf-service-cta::after { content: '\u2192'; transition: transform 0.3s var(--pf-ease); }\n#pf-root .pf-service-cta:hover { color: var(--pf-text); border-color: var(--pf-text); gap: 22px; }\n\n\/* ---------- Case ---------- *\/\n#pf-root #pf-case { background: var(--pf-bg); }\n#pf-root .pf-case-grid {\n    display: grid; grid-template-columns: repeat(4, 1fr); gap: 0;\n    border-top: 1px solid var(--pf-line); border-left: 1px solid var(--pf-line);\n}\n#pf-root .pf-case-cell {\n    position: relative; aspect-ratio: 4\/3;\n    border-right: 1px solid var(--pf-line); border-bottom: 1px solid var(--pf-line);\n    display: flex; align-items: center; justify-content: center;\n    background: #fff; overflow: hidden; transition: background 0.3s;\n}\n#pf-root .pf-case-cell::before {\n    content: ''; position: absolute; inset: 24px;\n    border: 1px dashed rgba(20,20,20,0.15); opacity: 0; transition: opacity 0.3s;\n}\n#pf-root .pf-case-cell:hover::before { opacity: 1; }\n#pf-root .pf-case-cell-label { font-family: var(--pf-font-num); font-size: 0.72rem; font-weight: 500; letter-spacing: 0.28em; text-transform: uppercase; color: rgba(20,20,20,0.3); }\n#pf-root .pf-case-coming-soon { margin-top: 60px; text-align: center; padding: 56px 24px; background: var(--pf-bg-alt); }\n#pf-root .pf-cs-label { font-family: var(--pf-font-main); font-weight: 700; font-size: clamp(2rem, 5vw, 3rem); color: var(--pf-text); display: block; }\n#pf-root .pf-cs-desc { margin-top: 14px; font-size: 0.9rem; color: var(--pf-mute); letter-spacing: 0.02em; }\n\n\/* ---------- Company ---------- *\/\n#pf-root #pf-company {\n    background: var(--pf-invert-bg); color: var(--pf-invert-text);\n    position: relative; overflow: hidden;\n}\n#pf-root #pf-company::before {\n    content: ''; position: absolute; inset: 0;\n    background: radial-gradient(circle at 85% 15%, rgba(255,255,255,0.05), transparent 50%), radial-gradient(circle at 10% 80%, rgba(255,255,255,0.04), transparent 50%);\n    pointer-events: none;\n}\n#pf-root #pf-company .pf-container { position: relative; z-index: 2; }\n#pf-root .pf-company-block-heading {\n    font-family: var(--pf-font-main); font-weight: 700;\n    font-size: clamp(1.6rem, 3.5vw, 2.2rem); margin-bottom: 56px;\n    display: flex; align-items: center; gap: 24px; letter-spacing: 0.02em;\n    color: var(--pf-invert-text);\n}\n#pf-root .pf-company-block-heading::after { content: ''; flex: 1; height: 1px; background: var(--pf-invert-line); }\n\n#pf-root .pf-member-list { display: block; margin: 0 0 120px; padding: 0; }\n#pf-root .pf-member-card {\n    display: grid; grid-template-columns: 340px 1fr; gap: 64px;\n    max-width: 1080px; margin: 0 auto 120px; align-items: start;\n}\n#pf-root .pf-member-card:last-child { margin-bottom: 0; }\n#pf-root .pf-member-photo-wrap {\n    position: relative; width: 100%; aspect-ratio: 4\/5; overflow: hidden;\n    background: rgba(255,255,255,0.04); border-radius: 2px;\n}\n#pf-root .pf-member-photo-wrap img {\n    width: 100%; height: 100%; object-fit: cover; display: block;\n    transition: transform 1.2s var(--pf-ease), filter 1.2s var(--pf-ease);\n    filter: grayscale(0.1) contrast(1.05);\n}\n#pf-root .pf-member-card:hover .pf-member-photo-wrap img { transform: scale(1.04); filter: grayscale(0) contrast(1); }\n#pf-root .pf-member-content { display: flex; flex-direction: column; }\n#pf-root .pf-member-header {\n    padding-bottom: 28px; margin-bottom: 0;\n    border-bottom: 1px solid var(--pf-invert-line);\n}\n#pf-root .pf-member-role-chip {\n    display: inline-block; font-family: var(--pf-font-num);\n    font-size: 0.7rem; font-weight: 600; letter-spacing: 0.3em;\n    color: var(--pf-invert-mute); text-transform: uppercase; margin-bottom: 14px;\n}\n#pf-root .pf-member-name {\n    font-size: clamp(2rem, 4vw, 3rem); font-weight: 700;\n    letter-spacing: 0.06em; line-height: 1.3; margin-bottom: 8px;\n    color: var(--pf-invert-text);\n}\n#pf-root .pf-member-name-en { font-family: var(--pf-font-main); font-weight: 400; font-size: 1.05rem; color: var(--pf-invert-mute); margin-bottom: 12px; display: block; }\n#pf-root .pf-member-position { font-size: 0.85rem; font-weight: 500; color: var(--pf-invert-mute); letter-spacing: 0.04em; }\n#pf-root .pf-member-block { display: grid; grid-template-columns: 130px 1fr; gap: 28px; align-items: start; margin-top: 36px; }\n#pf-root .pf-member-block-label { display: flex; flex-direction: column; gap: 6px; padding-top: 4px; }\n#pf-root .pf-member-block-title { font-family: var(--pf-font-main); font-size: 1.3rem; font-weight: 700; color: var(--pf-invert-text); }\n#pf-root .pf-member-block-body p { font-size: 0.92rem; line-height: 2; color: rgba(255,255,255,0.78); }\n#pf-root .pf-member-block-body p + p { margin-top: 18px; }\n#pf-root .pf-member-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }\n#pf-root .pf-member-tag {\n    font-family: var(--pf-font-num); font-size: 0.72rem; font-weight: 500;\n    letter-spacing: 0.08em; padding: 7px 14px;\n    border: 1px solid var(--pf-invert-line); border-radius: 999px;\n    color: var(--pf-invert-text);\n}\n\n#pf-root .pf-company-info-list { border-top: 1px solid var(--pf-invert-line); max-width: 880px; }\n#pf-root .pf-company-info-list dl { margin: 0; padding: 0; }\n#pf-root .pf-company-info-row {\n    display: grid; grid-template-columns: 200px 1fr; gap: 24px;\n    border-bottom: 1px solid var(--pf-invert-line); padding: 22px 0;\n    transition: background 0.3s;\n}\n#pf-root .pf-company-info-row:hover { background: rgba(255,255,255,0.02); }\n#pf-root .pf-company-info-dt {\n    font-weight: 600; font-size: 0.78rem; letter-spacing: 0.18em;\n    text-transform: uppercase; color: var(--pf-invert-mute);\n    padding-top: 4px; margin: 0;\n}\n#pf-root .pf-company-info-dd { font-size: 0.95rem; line-height: 1.7; margin: 0; }\n\n\/* ---------- News ---------- *\/\n#pf-root #pf-news { padding: 140px 0; background: var(--pf-bg-alt); }\n#pf-root .pf-news-list { border-top: 1px solid var(--pf-line); }\n#pf-root .pf-news-item {\n    display: grid; grid-template-columns: 130px 80px 1fr 24px; gap: 32px;\n    align-items: center; border-bottom: 1px solid var(--pf-line);\n    padding: 26px 12px; transition: background 0.3s, padding 0.3s var(--pf-ease);\n    cursor: pointer;\n}\n#pf-root .pf-news-item:hover { background: rgba(20,20,20,0.03); padding-left: 18px; }\n#pf-root .pf-news-date { font-family: var(--pf-font-num); font-size: 0.85rem; font-weight: 500; color: var(--pf-mute); letter-spacing: 0.04em; }\n#pf-root .pf-news-cat {\n    font-family: var(--pf-font-num); font-size: 0.68rem; font-weight: 600;\n    letter-spacing: 0.22em; text-transform: uppercase; color: var(--pf-text);\n    border: 1px solid var(--pf-line-strong); padding: 5px 12px;\n    text-align: center; justify-self: start;\n}\n#pf-root .pf-news-title {\n    color: var(--pf-text); font-weight: 500; font-size: 1rem; line-height: 1.5;\n    transition: opacity 0.3s; cursor: pointer; text-decoration: none;\n}\n#pf-root .pf-news-arrow { font-family: var(--pf-font-num); font-size: 1rem; color: var(--pf-mute); transition: transform 0.3s var(--pf-ease), color 0.3s; }\n#pf-root .pf-news-item:hover .pf-news-arrow { transform: translateX(6px); color: var(--pf-text); }\n\n#pf-root #pf-news-detail { display: none; min-height: 100vh; padding-top: 140px; background: var(--pf-bg); position: relative; z-index: 500; }\n#pf-root .pf-detail-header { margin-bottom: 60px; border-bottom: 1px solid var(--pf-line); padding-bottom: 28px; }\n#pf-root .pf-detail-meta { display: flex; gap: 16px; align-items: center; margin-bottom: 18px; }\n#pf-root .pf-detail-date { font-family: var(--pf-font-num); color: var(--pf-mute); font-size: 0.85rem; letter-spacing: 0.04em; }\n#pf-root .pf-detail-title { font-size: clamp(1.8rem, 4vw, 2.6rem); line-height: 1.5; letter-spacing: 0.04em; font-weight: 700; }\n#pf-root .pf-detail-body { font-size: 1.02rem; line-height: 2; max-width: 720px; color: rgba(20,20,20,0.85); }\n#pf-root .pf-detail-body p { margin-bottom: 28px; }\n#pf-root .pf-detail-body h3 { font-size: 1.1rem; font-weight: 700; margin: 32px 0 14px; letter-spacing: 0.04em; }\n#pf-root .pf-detail-body a { text-decoration: underline; color: var(--pf-text); }\n#pf-root .pf-back-btn {\n    display: inline-flex; align-items: center; gap: 12px; margin-bottom: 50px;\n    font-size: 0.78rem; font-weight: 600; text-transform: uppercase;\n    letter-spacing: 0.2em; cursor: pointer; border: none; background: none;\n    color: var(--pf-text); transition: gap 0.3s var(--pf-ease); padding: 0;\n}\n#pf-root .pf-back-btn:hover { gap: 22px; }\n\n\/* ---------- Contact ---------- *\/\n#pf-root #pf-contact { background: var(--pf-bg); padding: 200px 0; }\n#pf-root .pf-contact-intro { max-width: 620px; margin: 0 auto 60px; text-align: center; font-size: 1rem; line-height: 2; color: rgba(20,20,20,0.78); }\n#pf-root .pf-contact-form { max-width: 720px; margin: 0 auto; }\n#pf-root .pf-form-group { margin-bottom: 32px; position: relative; }\n#pf-root .pf-form-group label {\n    display: flex; align-items: baseline; gap: 10px; margin-bottom: 12px;\n    font-size: 0.74rem; font-weight: 600; letter-spacing: 0.18em;\n    text-transform: uppercase; color: var(--pf-text);\n}\n#pf-root .pf-required-mark { font-size: 0.65rem; font-weight: 600; letter-spacing: 0.1em; color: #B45309; text-transform: uppercase; }\n#pf-root .pf-optional-mark { font-size: 0.65rem; font-weight: 500; letter-spacing: 0.1em; color: var(--pf-mute); text-transform: uppercase; }\n#pf-root .pf-form-group input,\n#pf-root .pf-form-group select,\n#pf-root .pf-form-group textarea {\n    width: 100%; padding: 18px 0; border: none;\n    border-bottom: 1px solid var(--pf-line-strong); background: transparent;\n    font-family: inherit; font-size: 1rem; color: var(--pf-text); outline: none;\n    border-radius: 0; -webkit-appearance: none; appearance: none;\n    transition: border-color 0.3s; box-shadow: none;\n}\n#pf-root .pf-form-group input::placeholder,\n#pf-root .pf-form-group textarea::placeholder { color: rgba(20,20,20,0.32); }\n#pf-root .pf-form-group input:focus,\n#pf-root .pf-form-group select:focus,\n#pf-root .pf-form-group textarea:focus { border-bottom-color: var(--pf-text); }\n#pf-root .pf-form-group select {\n    background-image: linear-gradient(45deg, transparent 50%, var(--pf-text) 50%), linear-gradient(135deg, var(--pf-text) 50%, transparent 50%);\n    background-position: calc(100% - 14px) 50%, calc(100% - 8px) 50%;\n    background-size: 6px 6px, 6px 6px; background-repeat: no-repeat;\n    padding-right: 40px; color: var(--pf-text);\n}\n#pf-root .pf-form-group select:invalid { color: rgba(20,20,20,0.32); }\n#pf-root .pf-form-group select option { color: var(--pf-text); }\n#pf-root .pf-form-group textarea { resize: vertical; min-height: 160px; line-height: 1.8; padding: 16px 0; }\n#pf-root .pf-char-count { display: block; margin-top: 8px; font-family: var(--pf-font-num); font-size: 0.72rem; letter-spacing: 0.06em; color: var(--pf-mute); text-align: right; }\n#pf-root .pf-char-count.pf-is-over { color: #c00; }\n#pf-root .pf-submit-wrap { text-align: center; margin-top: 50px; }\n#pf-root .pf-submit-btn {\n    position: relative; background: var(--pf-accent); color: #fff;\n    padding: 22px 64px; border: none; font-family: var(--pf-font-num);\n    font-weight: 600; font-size: 0.85rem; letter-spacing: 0.3em;\n    text-transform: uppercase; cursor: pointer; overflow: hidden;\n    transition: transform 0.3s var(--pf-ease); border-radius: 0;\n}\n#pf-root .pf-submit-btn::before {\n    content: ''; position: absolute; inset: 0;\n    background: rgba(255,255,255,0.15); transform: translateX(-100%);\n    transition: transform 0.5s var(--pf-ease);\n}\n#pf-root .pf-submit-btn:hover::before { transform: translateX(0); }\n#pf-root .pf-submit-btn:hover { transform: translateY(-2px); }\n#pf-root .pf-submit-btn:disabled { opacity: 0.5; cursor: not-allowed; transform: none; }\n#pf-root .pf-submit-btn span { position: relative; z-index: 2; }\n#pf-root #pf-form-status { font-family: var(--pf-font-main); }\n\n\/* ---------- Footer ---------- *\/\n#pf-root .pf-footer { padding: 100px 0 50px; background: var(--pf-invert-bg); color: #fff; position: relative; overflow: hidden; }\n#pf-root .pf-footer-grid {\n    display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 60px;\n    margin-bottom: 80px; padding-bottom: 60px;\n    border-bottom: 1px solid var(--pf-invert-line);\n}\n#pf-root .pf-footer-logo { font-family: var(--pf-font-display); font-size: clamp(3rem, 7vw, 5rem); line-height: 1; letter-spacing: 0.02em; margin-bottom: 24px; display: block; }\n#pf-root .pf-footer-tag { font-family: var(--pf-font-main); font-size: 1.1rem; color: var(--pf-invert-mute); }\n#pf-root .pf-footer-col h4 {\n    font-family: var(--pf-font-num); font-size: 0.72rem; font-weight: 600;\n    letter-spacing: 0.32em; text-transform: uppercase;\n    color: var(--pf-invert-mute); margin-bottom: 22px;\n}\n#pf-root .pf-footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 12px; padding: 0; margin: 0; }\n#pf-root .pf-footer-col li { list-style: none; }\n#pf-root .pf-footer-col li a {\n    font-size: 0.92rem; color: var(--pf-invert-text); opacity: 0.85;\n    transition: opacity 0.3s, padding 0.3s var(--pf-ease);\n    display: inline-flex; text-decoration: none;\n}\n#pf-root .pf-footer-col li a:hover { opacity: 1; padding-left: 6px; }\n#pf-root .pf-footer-bottom {\n    display: flex; justify-content: space-between; align-items: center;\n    font-size: 0.72rem; letter-spacing: 0.12em; color: var(--pf-invert-mute);\n}\n\n#pf-root .pf-sp-br { display: none; }\n\n\/* ---------- Responsive ---------- *\/\n@media (max-width: 1100px) {\n    #pf-root .pf-container { padding: 0 36px; }\n    #pf-root .pf-member-card { grid-template-columns: 280px 1fr; gap: 48px; }\n}\n\n@media (max-width: 968px) {\n    #pf-root .pf-sp-br { display: block; }\n    #pf-root .pf-container { padding: 0 24px; }\n    #pf-root .pf-section { padding: 110px 0; }\n    #pf-root .pf-nav ul { display: none; }\n    #pf-root #pf-site-header { padding: 12px 0; }\n    #pf-root .pf-logo img { height: 36px; }\n    #pf-root #pf-hero { min-height: auto; align-items: flex-start; padding-top: 130px; padding-bottom: 70px; }\n    #pf-root .pf-hero-bg-text { display: none; }\n    #pf-root .pf-hero-scroll { display: none; }\n    #pf-root .pf-hero-title { font-size: clamp(1.8rem, 8vw, 2.6rem); line-height: 1.4; }\n    #pf-root .pf-mvv-mission { grid-template-columns: 1fr; gap: 24px; padding-bottom: 40px; margin-bottom: 60px; }\n    #pf-root .pf-vv-grid { grid-template-columns: 1fr; gap: 60px; }\n    #pf-root .pf-service-list { gap: 90px; }\n    #pf-root .pf-service-item,\n    #pf-root .pf-service-item:nth-child(even) { grid-template-columns: 1fr; gap: 36px; }\n    #pf-root .pf-service-item:nth-child(even) .pf-service-text { order: 0; }\n    #pf-root .pf-service-img-wrap { aspect-ratio: 4\/3; }\n    #pf-root .pf-case-grid { grid-template-columns: repeat(2, 1fr); }\n    #pf-root .pf-member-list { margin-bottom: 80px; }\n    #pf-root .pf-member-card {\n        grid-template-columns: 1fr; gap: 36px;\n        max-width: 600px; margin: 0 auto 80px;\n    }\n    #pf-root .pf-member-photo-wrap { max-width: 340px; margin: 0 auto; aspect-ratio: 4\/5; }\n    #pf-root .pf-member-block { grid-template-columns: 1fr; gap: 12px; }\n    #pf-root .pf-member-block-label { flex-direction: row; align-items: baseline; gap: 14px; }\n    #pf-root .pf-company-info-row { grid-template-columns: 1fr; gap: 6px; padding: 16px 0; }\n    #pf-root .pf-company-info-dt { font-size: 0.72rem; }\n    #pf-root .pf-news-item { grid-template-columns: 100px 1fr 18px; gap: 18px; padding: 20px 0; }\n    #pf-root .pf-news-cat { display: none; }\n    #pf-root .pf-news-item:hover { padding-left: 8px; }\n    #pf-root .pf-footer-grid { grid-template-columns: 1fr; gap: 40px; padding-bottom: 40px; margin-bottom: 40px; }\n    #pf-root .pf-footer-bottom { flex-direction: column; gap: 14px; text-align: center; }\n    #pf-root .pf-detail-title { font-size: 1.6rem; }\n    #pf-root .pf-submit-btn { width: 100%; padding: 20px 30px; }\n}\n<\/style>\n\n<script>\n(function() {\n    'use strict';\n\n    \/* Step 1: WordPress\u89aa\u30b3\u30f3\u30c6\u30ca\u304b\u3089\u8131\u51fa *\/\n    function moveToBody() {\n        var root = document.getElementById('pf-root');\n        if (root && document.body && root.parentNode !== document.body) {\n            document.body.appendChild(root);\n        }\n    }\n    if (document.body) { moveToBody(); }\n    else { document.addEventListener('DOMContentLoaded', moveToBody); }\n\n    \/* Step 2: \u521d\u671f\u5316\u51e6\u7406 *\/\n    function init() {\n        var hasGSAP = typeof gsap !== 'undefined';\n        var hasScrollTrigger = typeof ScrollTrigger !== 'undefined';\n        var hasLenis = typeof Lenis !== 'undefined';\n\n        var loader = document.getElementById('pf-loader-el');\n        var loaderHidden = false;\n\n        function hideLoader() {\n            if (loaderHidden || !loader) return;\n            loaderHidden = true;\n            loader.style.transition = 'transform 0.4s cubic-bezier(0.65,0,0.35,1), opacity 0.3s ease';\n            loader.style.transform = 'translateY(-100%)';\n            loader.style.opacity = '0';\n            setTimeout(function(){ loader.style.display = 'none'; }, 450);\n        }\n        function showAllReveals() {\n            var els = document.querySelectorAll('#pf-root .pf-reveal');\n            for (var i = 0; i < els.length; i++) els[i].classList.add('pf-is-visible');\n        }\n        setTimeout(function(){\n            hideLoader();\n            if (!hasGSAP || !hasScrollTrigger) showAllReveals();\n        }, 1000);\n\n        var siteHeader = document.getElementById('pf-site-header');\n        if (siteHeader) {\n            window.addEventListener('scroll', function(){\n                if (window.scrollY > 60) siteHeader.classList.add('pf-scrolled');\n                else siteHeader.classList.remove('pf-scrolled');\n            });\n        }\n\n        var newsData = {\n            \"news-2\": {\n                date: \"2026.05.01 (Fri)\",\n                category: \"Press\",\n                title: \"\u682a\u5f0f\u4f1a\u793eProFan\u304c\u3001\u682a\u5f0f\u4f1a\u793e\u3044\u304d\u304c\u3044\u306e\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u9867\u554f\u306b\u5c31\u4efb\u3002\",\n                content: '<p>\u682a\u5f0f\u4f1a\u793eProFan(\u6240\u5728\u5730:\u6771\u4eac\u90fd\u6e2f\u533a\u516d\u672c\u6728\u3001\u4ee3\u8868\u53d6\u7de0\u5f79CEO:\u516b\u7530 \u51cc\u96c5\u3001\u4ee5\u4e0b\u300cProFan\u300d)\u306f\u30012026\u5e745\u6708\u3088\u308a\u682a\u5f0f\u4f1a\u793e\u3044\u304d\u304c\u3044(\u6240\u5728\u5730:\u795e\u5948\u5ddd\u770c\u5ddd\u5d0e\u5e02\u3001\u4ee3\u8868\u53d6\u7de0\u5f79:\u5c71\u6839 \u7ae0\u3001\u4ee5\u4e0b\u300c\u3044\u304d\u304c\u3044\u300d)\u306e\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u9867\u554f\u306b\u5c31\u4efb\u3057\u305f\u3053\u3068\u3092\u304a\u77e5\u3089\u305b\u3044\u305f\u3057\u307e\u3059\u3002<\/p>' +\n                    '<h3>\u25a0 \u80cc\u666f\u30fb\u7d4c\u7def<\/h3>' +\n                    '<p>\u682a\u5f0f\u4f1a\u793e\u3044\u304d\u304c\u3044\u306f\u3001\u6559\u80b2\u4e8b\u696d\u30fb\u6d77\u5916\u30a4\u30f3\u30bf\u30fc\u30f3\u4e8b\u696d\u30fb\u4f01\u696d\u5411\u3051\u30b9\u30dd\u30f3\u30b5\u30fc\u30d7\u30e9\u30f3\u306e3\u8ef8\u3067\u30b5\u30fc\u30d3\u30b9\u3092\u5c55\u958b\u3057\u3066\u304a\u308a\u3001\u4e8b\u696d\u62e1\u5927\u30d5\u30a7\u30fc\u30ba\u306b\u304a\u3051\u308b\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u306e\u7d44\u7e54\u5316\u30fb\u518d\u73fe\u6027\u3042\u308b\u4ed5\u7d44\u307f\u3065\u304f\u308a\u304c\u6025\u52d9\u3068\u306a\u3063\u3066\u3044\u307e\u3057\u305f\u3002<br>\u65e5\u9803\u304b\u3089\u4ea4\u6d41\u3092\u91cd\u306d\u308b\u306a\u304b\u3067\u4e8b\u696d\u3078\u306e\u6df1\u3044\u7406\u89e3\u3068\u5171\u611f\u3092\u611f\u3058\u305f\u3053\u3068\u304b\u3089\u3001ProFan\u4ee3\u8868\u306e\u516b\u7530\u3078\u9867\u554f\u5c31\u4efb\u306e\u6253\u8a3a\u304c\u3042\u308a\u3001\u4eca\u56de\u306e\u5951\u7d04\u7de0\u7d50\u306b\u81f3\u308a\u307e\u3057\u305f\u3002<\/p>' +\n                    '<h3>\u25a0 \u652f\u63f4\u5185\u5bb9<\/h3>' +\n                    '<p>ProFan\u306f\u672c\u9867\u554f\u696d\u52d9\u306b\u304a\u3044\u3066\u3001\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u6226\u7565\u306e\u7acb\u6848\u304b\u3089\u7d44\u7e54\u4f53\u5236\u306e\u69cb\u7bc9\u307e\u3067\u3001\u3044\u304d\u304c\u3044\u306e\u4e8b\u696d\u6210\u9577\u3092\u5305\u62ec\u7684\u306b\u652f\u63f4\u3057\u307e\u3059\u3002\u5358\u767a\u306e\u65bd\u7b56\u306b\u3068\u3069\u307e\u3089\u305a\u3001\u518d\u73fe\u6027\u306e\u3042\u308b\u300c\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u304c\u6a5f\u80fd\u3059\u308b\u7d44\u7e54\u300d\u3092\u3064\u304f\u308b\u3053\u3068\u3092\u76ee\u6307\u3057\u3001\u4e2d\u9577\u671f\u7684\u306a\u8996\u70b9\u3067\u4f34\u8d70\u3057\u3066\u307e\u3044\u308a\u307e\u3059\u3002<\/p>' +\n                    '<h3>\u25a0 \u682a\u5f0f\u4f1a\u793e\u3044\u304d\u304c\u3044 \u53d6\u7de0\u5f79 \u5ca1\u7530 \u60a0 \u6c0f\u306e\u30b3\u30e1\u30f3\u30c8<\/h3>' +\n                    '<p>ProFan\u4ee3\u8868\u306e\u516b\u7530\u3055\u3093\u3068\u98df\u4e8b\u306a\u3069\u3092\u3054\u4e00\u7dd2\u3059\u308b\u306a\u304b\u3067\u3001\u3044\u304d\u304c\u3044\u306e\u4e8b\u696d\u3092\u3057\u3063\u304b\u308a\u3068\u7406\u89e3\u3057\u3066\u304f\u3060\u3055\u3063\u3066\u3044\u308b\u3068\u611f\u3058\u3066\u3044\u307e\u3057\u305f\u3002\u5358\u306a\u308b\u652f\u63f4\u8005\u3067\u306f\u306a\u304f\u3001\u4e8b\u696d\u3092\u672c\u6c17\u3067\u4e00\u7dd2\u306b\u8003\u3048\u3066\u304f\u308c\u308b\u65b9\u306b\u304a\u9858\u3044\u3057\u305f\u3044\u3068\u601d\u3044\u3001\u4f9d\u983c\u3057\u307e\u3057\u305f\u3002\u30de\u30fc\u30b1\u7d44\u7e54\u306e\u7acb\u3061\u4e0a\u3052\u3092\u5171\u306b\u9032\u3081\u3066\u3044\u3051\u308b\u3053\u3068\u3092\u697d\u3057\u307f\u306b\u3057\u3066\u3044\u307e\u3059\u3002<\/p>' +\n                    '<h3>\u25a0 \u682a\u5f0f\u4f1a\u793eProFan \u4ee3\u8868\u53d6\u7de0\u5f79CEO \u516b\u7530 \u51cc\u96c5 \u306e\u30b3\u30e1\u30f3\u30c8<\/h3>' +\n                    '<p>\u79c1\u81ea\u8eab\u304c\u6559\u80b2\u5927\u5b66\u51fa\u8eab\u3068\u3044\u3046\u80cc\u666f\u3082\u3042\u308a\u3001\u300e\u6559\u80b2\u300f\u3068\u3044\u3046\u9818\u57df\u306b\u306f\u4eba\u4e00\u500d\u306e\u601d\u3044\u3092\u6301\u3063\u3066\u3044\u307e\u3059\u3002\u7279\u306b\u3053\u306eAI\u6642\u4ee3\u306b\u304a\u3044\u3066\u3001\u307e\u3059\u307e\u3059\u50cd\u304d\u65b9\u304c\u6700\u65b0\u5316\u30fb\u8907\u96d1\u5316\u3057\u3066\u3044\u304f\u3067\u3042\u308d\u3046\u306a\u304b\u3001\u5b66\u751f\u4e00\u4eba\u3072\u3068\u308a\u306e\u30ad\u30e3\u30ea\u30a2\u3092\u652f\u63f4\u3059\u308b\u3044\u304d\u304c\u3044\u3055\u3093\u306e\u53d6\u308a\u7d44\u307f\u306f\u793e\u4f1a\u7684\u610f\u7fa9\u304c\u975e\u5e38\u306b\u5927\u304d\u3044\u3068\u611f\u3058\u3066\u3044\u307e\u3059\u3002\u3044\u304d\u304c\u3044\u3055\u3093\u304c\u63d0\u4f9b\u3057\u3066\u3044\u308b\u30b5\u30fc\u30d3\u30b9\u3092\u3001\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u306e\u529b\u3067\u3055\u3089\u306b\u591a\u304f\u306e\u65b9\u306b\u5c4a\u3051\u3089\u308c\u308b\u3088\u3046\u3001\u6226\u7565\u3065\u304f\u308a\u304b\u3089\u7d44\u7e54\u5316\u307e\u3067\u4f34\u8d70\u3057\u3066\u307e\u3044\u308a\u307e\u3059\u3002\u5358\u306a\u308b\u300c\u9867\u554f\u300d\u306b\u3068\u3069\u307e\u3089\u305a\u3001\u793e\u540d\u306e\u3068\u304a\u308a\u793e\u4f1a\u306b&quot;\u3044\u304d\u304c\u3044&quot;\u3092\u5c4a\u3051\u3089\u308c\u308b\u5b58\u5728\u306b\u306a\u308c\u308b\u3088\u3046\u3001\u5168\u529b\u3067\u3054\u652f\u63f4\u3057\u3066\u3044\u304d\u307e\u3059\u3002<\/p>' +\n                    '<h3>\u25a0 \u682a\u5f0f\u4f1a\u793e\u3044\u304d\u304c\u3044 \u4f1a\u793e\u6982\u8981<\/h3>' +\n                    '<p>\u6240\u5728\u5730:\u795e\u5948\u5ddd\u770c\u5ddd\u5d0e\u5e02\u4e2d\u539f\u533a\u4e38\u5b50\u901a1-612-9 1302\u53f7\u5ba4<br>\u4ee3\u8868\u8005:\u5c71\u6839 \u7ae0<br>\u4e8b\u696d\u5185\u5bb9:\u6559\u80b2\u4e8b\u696d\u3001\u6d77\u5916\u30a4\u30f3\u30bf\u30fc\u30f3\u4e8b\u696d\u3001\u4f01\u696d\u5411\u3051\u30b9\u30dd\u30f3\u30b5\u30fc\u30d7\u30e9\u30f3<br>URL:<a href=\"https:\/\/ikigai-inc.jp\/\" target=\"_blank\" rel=\"noopener\">https:\/\/ikigai-inc.jp\/<\/a><\/p>' +\n                    '<h3>\u25a0 \u672c\u4ef6\u306b\u95a2\u3059\u308b\u304a\u554f\u3044\u5408\u308f\u305b<\/h3>' +\n                    '<p>\u682a\u5f0f\u4f1a\u793eProFan \u4ee3\u8868\u53d6\u7de0\u5f79CEO \u516b\u7530 \u51cc\u96c5<br>Email:<a href=\"mailto:ryoga.hatta@profan.co.jp\">ryoga.hatta@profan.co.jp<\/a><\/p>'\n            },\n            \"news-1\": {\n                date: \"2026.04.01\",\n                category: \"Notice\",\n                title: \"\u682a\u5f0f\u4f1a\u793eProFan\u3092\u8a2d\u7acb\u3057\u307e\u3057\u305f\u3002\",\n                content: '<p>2026\u5e744\u67081\u65e5\u3001\u300c\u682a\u5f0f\u4f1a\u793eProFan\u300d\u3092\u8a2d\u7acb\u3044\u305f\u3057\u307e\u3057\u305f\u3002<\/p><p>\u300e\u5f71\u97ff\u529b\u3092\u4ea1\u304f\u3055\u306a\u3044\u305f\u3081\u306b\u3002\u300f\u3068\u3044\u3046Mission\u306e\u3082\u3068\u3001\u30a2\u30b9\u30ea\u30fc\u30c8\u5411\u3051\u30b9\u30af\u30fc\u30eb\u4e8b\u696d\u3084\u4f01\u696d\u5411\u3051\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u652f\u63f4\u4e8b\u696d\u3092\u901a\u3058\u3066\u3001\u7686\u3055\u307e\u306e\u53ef\u80fd\u6027\u3092\u6700\u5927\u5316\u3057\u3066\u307e\u3044\u308a\u307e\u3059\u3002<br>\u4eca\u5f8c\u3068\u3082\u5909\u308f\u3089\u306c\u3054\u652f\u63f4\u3092\u8cdc\u308a\u307e\u3059\u3088\u3046\u304a\u9858\u3044\u7533\u3057\u4e0a\u3052\u307e\u3059\u3002<\/p>'\n            }\n        };\n\n        var mainContent = document.getElementById('pf-main-content');\n        var newsDetail = document.getElementById('pf-news-detail');\n        var detailContent = document.getElementById('pf-detail-content');\n        var backBtn = document.getElementById('pf-back-to-home');\n        var scrollPos = 0;\n\n        var newsItems = document.querySelectorAll('#pf-root .pf-news-item');\n        for (var n = 0; n < newsItems.length; n++) {\n            (function(item){\n                var open = function(){\n                    var id = item.getAttribute('data-news-id');\n                    var data = newsData[id];\n                    if (!data || !mainContent || !newsDetail || !detailContent) return;\n                    scrollPos = window.scrollY;\n                    detailContent.innerHTML =\n                        '<div class=\"pf-detail-header\">' +\n                            '<div class=\"pf-detail-meta\">' +\n                                '<span class=\"pf-detail-date\">' + data.date + '<\/span>' +\n                                '<span class=\"pf-news-cat\" style=\"display:inline-block;\">' + data.category + '<\/span>' +\n                            '<\/div>' +\n                            '<h1 class=\"pf-detail-title\">' + data.title + '<\/h1>' +\n                        '<\/div>' +\n                        '<div class=\"pf-detail-body\">' + data.content + '<\/div>';\n                    mainContent.style.display = 'none';\n                    newsDetail.style.display = 'block';\n                    window.scrollTo(0, 0);\n                    if (hasGSAP) {\n                        try { gsap.fromTo(newsDetail, { opacity: 0, y: 20 }, { opacity: 1, y: 0, duration: 0.6 }); } catch(e) {}\n                    }\n                };\n                item.addEventListener('click', open);\n                var t = item.querySelector('.pf-news-title');\n                if (t) t.addEventListener('click', function(e){ e.stopPropagation(); open(); });\n            })(newsItems[n]);\n        }\n\n        if (backBtn) {\n            backBtn.addEventListener('click', function(){\n                if (newsDetail) newsDetail.style.display = 'none';\n                if (mainContent) mainContent.style.display = 'block';\n                window.scrollTo(0, scrollPos);\n            });\n        }\n\n        function startAnimations() {\n            try {\n                hideLoader();\n                if (!hasGSAP) { showAllReveals(); return; }\n                if (hasScrollTrigger) { try { gsap.registerPlugin(ScrollTrigger); } catch(e){} }\n                gsap.fromTo('#pf-root #pf-hero .pf-reveal',\n                    { opacity: 0, y: 24 },\n                    { opacity: 1, y: 0, duration: 0.6, stagger: 0.1, ease: \"power3.out\", delay: 0,\n                      onStart: function(){\n                          var els = document.querySelectorAll('#pf-root #pf-hero .pf-reveal');\n                          for (var i = 0; i < els.length; i++) els[i].classList.add('pf-is-visible');\n                      }\n                    }\n                );\n                if (hasScrollTrigger) {\n                    var others = document.querySelectorAll('#pf-root .pf-section:not(#pf-hero) .pf-reveal, #pf-root .pf-footer .pf-reveal');\n                    for (var j = 0; j < others.length; j++) {\n                        (function(el){\n                            gsap.fromTo(el,\n                                { opacity: 0, y: 24 },\n                                { opacity: 1, y: 0, duration: 0.6, ease: \"power3.out\",\n                                  scrollTrigger: { trigger: el, start: \"top 90%\", toggleActions: \"play none none none\" },\n                                  onStart: function(){ el.classList.add('pf-is-visible'); } }\n                            );\n                        })(others[j]);\n                    }\n                    try {\n                        gsap.to('#pf-root .pf-hero-bg-text', { x: -180,\n                            scrollTrigger: { trigger: '#pf-root #pf-hero', start: 'top top', end: 'bottom top', scrub: true }\n                        });\n                    } catch(e){}\n                } else { showAllReveals(); }\n            } catch(e) {\n                console.error('pf startAnimations error:', e);\n                hideLoader();\n                showAllReveals();\n            }\n        }\n        if (document.readyState === 'complete') { setTimeout(startAnimations, 30); }\n        else {\n            window.addEventListener('load', startAnimations);\n            setTimeout(function(){ if (!loaderHidden) startAnimations(); }, 1500);\n        }\n\n        if (hasLenis) {\n            try {\n                var lenis = new Lenis();\n                (function raf(time){ lenis.raf(time); requestAnimationFrame(raf); })();\n                var anchors = document.querySelectorAll('#pf-root a[href^=\"#\"]');\n                for (var k = 0; k < anchors.length; k++) {\n                    anchors[k].addEventListener('click', function(e){\n                        var id = this.getAttribute('href');\n                        if (!id || id.length <= 1) return;\n                        var target = document.querySelector(id);\n                        if (!target) return;\n                        e.preventDefault();\n                        lenis.scrollTo(target, { offset: -60 });\n                    });\n                }\n            } catch(e){}\n        }\n\n        var detailField = document.getElementById('pf-form-detail');\n        var detailCount = document.getElementById('pf-detail-count');\n        if (detailField &#038;&#038; detailCount) {\n            var updateCount = function(){\n                var len = detailField.value.length;\n                detailCount.textContent = len.toLocaleString() + ' \/ 2,000';\n                detailCount.classList.toggle('pf-is-over', len >= 2000);\n            };\n            detailField.addEventListener('input', updateCount);\n            updateCount();\n        }\n\n        var contactForm = document.getElementById('pf-contact-form');\n        var formStatus = document.getElementById('pf-form-status');\n        if (contactForm) {\n            contactForm.addEventListener('submit', function(e){\n                e.preventDefault();\n                var submitBtn = contactForm.querySelector('.pf-submit-btn');\n                var span = submitBtn ? submitBtn.querySelector('span') : null;\n                var originalText = span ? span.textContent : '';\n                if (span) span.textContent = '\u9001\u4fe1\u4e2d...';\n                if (submitBtn) submitBtn.disabled = true;\n                if (formStatus) formStatus.innerHTML = '';\n\n                var formData = new FormData(contactForm);\n                fetch(contactForm.action, {\n                    method: 'POST', body: formData,\n                    headers: { 'Accept': 'application\/json' }\n                }).then(function(response){\n                    if (response.ok) {\n                        if (formStatus) formStatus.innerHTML = '<p style=\"color: var(--pf-text); margin-top: 24px; font-weight: 600; font-size: 0.95rem; letter-spacing: 0.1em;\">\u2713 \u9001\u4fe1\u304c\u5b8c\u4e86\u3057\u307e\u3057\u305f\u3002\u5185\u5bb9\u3092\u78ba\u8a8d\u3057\u3001\u8fd1\u65e5\u4e2d\u306b\u62c5\u5f53\u8005\u3088\u308a\u3054\u9023\u7d61\u3044\u305f\u3057\u307e\u3059\u3002<\/p>';\n                        contactForm.reset();\n                        if (detailField && detailCount) {\n                            detailCount.textContent = '0 \/ 2,000';\n                            detailCount.classList.remove('pf-is-over');\n                        }\n                    } else {\n                        if (formStatus) formStatus.innerHTML = '<p style=\"color: #c00; margin-top: 24px;\">\u30a8\u30e9\u30fc\u304c\u767a\u751f\u3057\u307e\u3057\u305f\u3002\u6642\u9593\u3092\u304a\u3044\u3066\u518d\u5ea6\u304a\u8a66\u3057\u304f\u3060\u3055\u3044\u3002<\/p>';\n                    }\n                }).catch(function(){\n                    if (formStatus) formStatus.innerHTML = '<p style=\"color: #c00; margin-top: 24px;\">\u901a\u4fe1\u30a8\u30e9\u30fc\u304c\u767a\u751f\u3057\u307e\u3057\u305f\u3002\u30a4\u30f3\u30bf\u30fc\u30cd\u30c3\u30c8\u63a5\u7d9a\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\u3002<\/p>';\n                }).then(function(){\n                    if (span) span.textContent = originalText;\n                    if (submitBtn) submitBtn.disabled = false;\n                });\n            });\n        }\n    }\n\n    if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); }\n    else { init(); }\n})();\n<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>ProFan About Service Case Company News Contact \u2190 Back to home To Keep Your Impact Alive \u5f71\u97ff\u529b\u3092\u4ea1\u304f\u3055\u306a\u3044\u305f\u3081\u306b\u3002 \u3042\u306a\u305f\u304c\u672c\u6765\u6709\u3057&hellip; <a class=\"more-link\" href=\"https:\/\/profan.co.jp\/\">\u7d9a\u304d\u3092\u8aad\u3080 <span class=\"screen-reader-text\">\u30db\u30fc\u30e0\u30da\u30fc\u30b8<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/profan.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/profan.co.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/profan.co.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/profan.co.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/profan.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=16"}],"version-history":[{"count":77,"href":"https:\/\/profan.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":119,"href":"https:\/\/profan.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions\/119"}],"wp:attachment":[{"href":"https:\/\/profan.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}