{"id":1354,"date":"2025-10-14T10:11:34","date_gmt":"2025-10-14T10:11:34","guid":{"rendered":"https:\/\/bluebrownrecords.com\/%e6%a6%82%e8%a6%81\/"},"modified":"2025-11-26T06:27:22","modified_gmt":"2025-11-26T06:27:22","slug":"%e6%a6%82%e8%a6%81","status":"publish","type":"page","link":"https:\/\/bluebrownrecords.com\/ja\/%e6%a6%82%e8%a6%81\/","title":{"rendered":"about"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1354\" class=\"elementor elementor-1354 elementor-597\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f622e7 e-flex e-con-boxed e-con e-parent\" data-id=\"4f622e7\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-824bfb1 e-con-full e-flex e-con e-child\" data-id=\"824bfb1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d84b7f elementor-widget elementor-widget-heading\" data-id=\"5d84b7f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">ABOUT<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9742fb9 elementor-widget elementor-widget-html\" data-id=\"9742fb9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* \ud398\uc774\ub4dc \ube14\ub7ec \uc560\ub2c8\uba54\uc774\uc158 *\/\n.abouttitle,\n.abouttext,\n.aboutinfo {\n    opacity: 0;\n    transform: translateY(30px);\n    filter: blur(10px);\n    transition: none;\n}\n\n.abouttitle.active {\n    animation: fadeBlurIn 1.2s ease-out forwards;\n}\n\n.abouttext.active {\n    animation: fadeBlurIn 1.2s ease-out 0.4s forwards;\n}\n\n.aboutinfo.active {\n    animation: fadeBlurIn 1.2s ease-out 0.8s forwards;\n}\n\n@keyframes fadeBlurIn {\n    to {\n        opacity: 1;\n        transform: translateY(0);\n        filter: blur(0);\n    }\n}\n<\/style>\n\n<script>\n(function() {\n    \/\/ \uc774\ubbf8 \uc2e4\ud589\ub418\uc5c8\ub294\uc9c0 \ud655\uc778\n    if (window.aboutAnimationInitialized) return;\n    window.aboutAnimationInitialized = true;\n\n    function initAnimation() {\n        const observerOptions = {\n            threshold: 0.2,\n            rootMargin: '0px 0px -100px 0px'\n        };\n\n        const observer = new IntersectionObserver((entries) =&gt; {\n            entries.forEach(entry =&gt; {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('active');\n                    observer.unobserve(entry.target);\n                }\n            });\n        }, observerOptions);\n\n        const elements = document.querySelectorAll('.abouttitle, .abouttext, .aboutinfo');\n        elements.forEach(el =&gt; {\n            if (el) observer.observe(el);\n        });\n    }\n\n    \/\/ DOM\uc774 \uc900\ube44\ub418\uba74 \uc2e4\ud589\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initAnimation);\n    } else {\n        initAnimation();\n    }\n\n    \/\/ \uc5d8\ub9ac\uba58\ud130 \ud3b8\uc9d1\uae30\uc5d0\uc11c\ub3c4 \ub3d9\uc791\ud558\ub3c4\ub85d\n    if (window.elementorFrontend) {\n        window.elementorFrontend.hooks.addAction('frontend\/element_ready\/global', initAnimation);\n    }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6d98528 e-flex e-con-boxed e-con e-parent\" data-id=\"6d98528\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6c40076 e-con-full e-flex e-con e-child\" data-id=\"6c40076\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-607812a e-con-full e-flex e-con e-child\" data-id=\"607812a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9608c24 elementor-widget elementor-widget-heading\" data-id=\"9608c24\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u3042\u306a\u305f\u306e\u5922\u3092\u5171\u306b\u63cf\u304d\u3001\u5b9f\u73fe\u3078\u3068\u5c0e\u304f<br>\u30af\u30ea\u30a8\u30a4\u30c6\u30a3\u30d6\u30fb\u30d1\u30fc\u30c8\u30ca\u30fc\u3002<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-90484da elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-text-editor\" data-id=\"90484da\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u30d6\u30eb\u30fc\u30fb\u30d6\u30e9\u30a6\u30f3\u30fb\u30ec\u30b3\u30fc\u30ba\uff08BLUE BROWN RECORDS\uff09\u306f<br \/>\u6570\u591a\u304f\u306e\u30a2\u30fc\u30c6\u30a3\u30b9\u30c8\u306e\u30d6\u30e9\u30f3\u30c9\u69cb\u7bc9\u3068\u6210\u9577\u3092\u652f\u3048\u3066\u304d\u305f\u3001\u30b0\u30ed\u30fc\u30d0\u30eb\u7dcf<br \/>\u5408\u30a8\u30f3\u30bf\u30fc\u30c6\u30a4\u30f3\u30e1\u30f3\u30c8\u4f01\u696d\u3067\u3059\u3002<br \/>\u30a2\u30fc\u30c6\u30a3\u30b9\u30c8\u306e\u30d3\u30b8\u30e7\u30f3\u3068\u53ef\u80fd\u6027\u3092\u3001\u79c1\u305f\u3061\u306f\u5171\u306b\u5f62\u306b\u3057\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ab8b255 elementor-hidden-mobile elementor-widget elementor-widget-text-editor\" data-id=\"ab8b255\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u30d6\u30eb\u30fc\u30fb\u30d6\u30e9\u30a6\u30f3\u30fb\u30ec\u30b3\u30fc\u30ba\uff08BLUE BROWN RECORDS\uff09\u306f<br>\u6570\u591a\u304f\u306e\u30a2\u30fc\u30c6\u30a3\u30b9\u30c8\u306e\u30d6\u30e9\u30f3\u30c9\u69cb\u7bc9\u3068\u6210\u9577\u3092\u652f\u3048\u3066\u304d\u305f\u3001\u30b0\u30ed\u30fc\u30d0\u30eb\u7dcf<br>\u5408\u30a8\u30f3\u30bf\u30fc\u30c6\u30a4\u30f3\u30e1\u30f3\u30c8\u4f01\u696d\u3067\u3059\u3002<br>\u30a2\u30fc\u30c6\u30a3\u30b9\u30c8\u306e\u30d3\u30b8\u30e7\u30f3\u3068\u53ef\u80fd\u6027\u3092\u3001\u79c1\u305f\u3061\u306f\u5171\u306b\u5f62\u306b\u3057\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-301106b elementor-widget elementor-widget-text-editor\" data-id=\"301106b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t&#8211; CEO SANGWOO MYUNG\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d380589 e-con-full e-flex e-con e-parent\" data-id=\"d380589\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0213c63 elementor-widget elementor-widget-html\" data-id=\"0213c63\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.circle-section {\n    min-height: 70vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 60px 20px;\n    background: #000;\n}\n\n.circle-container {\n    display: flex;\n    gap: 0;\n    max-width: 1400px;\n    width: 100%;\n    justify-content: center;\n    align-items: center;\n    flex-wrap: wrap;\n}\n\n.circle-item {\n    position: relative;\n    width: 400px;\n    height: 400px;\n    margin: 0 -20px;\n    opacity: 0;\n    transform: scale(0.8);\n    filter: blur(10px);\n}\n\n.circle-item:first-child {\n    margin-left: 0;\n}\n\n.circle-item:last-child {\n    margin-right: 0;\n}\n\n.circle-item.active:nth-child(1) {\n    animation: circleAppear 1.2s ease-out 0.2s forwards;\n}\n\n.circle-item.active:nth-child(2) {\n    animation: circleAppear 1.2s ease-out 0.5s forwards;\n}\n\n.circle-item.active:nth-child(3) {\n    animation: circleAppear 1.2s ease-out 0.8s forwards;\n}\n\n@keyframes circleAppear {\n    to {\n        opacity: 1;\n        transform: scale(1);\n        filter: blur(0);\n    }\n}\n\n.circle {\n    width: 100%;\n    height: 100%;\n    border: 2px solid rgba(255, 255, 255, 0.3);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(0, 0, 0, 0.5);\n}\n\n.circle-text {\n    text-align: center;\n    font-size: 36px;\n    font-weight: 500;\n    line-height: 1.4;\n    padding: 0 30px;\n    color: #fff;\n    font-family: 'Jost', sans-serif;\n}\n\n\/* \ud0dc\ube14\ub9bf *\/\n@media (max-width: 1200px) {\n    .circle-section {\n        padding: 50px 20px;\n        min-height: 65vh;\n    }\n    \n    .circle-item {\n        width: 350px;\n        height: 350px;\n        margin: 0 -18px;\n    }\n    \n    .circle-text {\n        font-size: 32px;\n        padding: 0 25px;\n    }\n}\n\n\/* \uc791\uc740 \ud0dc\ube14\ub9bf *\/\n@media (max-width: 1024px) {\n    .circle-section {\n        padding: 45px 20px;\n    }\n    \n    .circle-item {\n        width: 320px;\n        height: 320px;\n        margin: 0 -15px;\n    }\n    \n    .circle-text {\n        font-size: 30px;\n    }\n}\n\n\/* \ubaa8\ubc14\uc77c \uac00\ub85c *\/\n@media (max-width: 768px) {\n    .circle-section {\n        padding: 40px 15px;\n        min-height: 60vh;\n    }\n    \n    .circle-container {\n        gap: 15px;\n    }\n    \n    .circle-item {\n        width: 280px;\n        height: 280px;\n        margin: 0 -10px;\n    }\n    \n    .circle-text {\n        font-size: 28px;\n        padding: 0 20px;\n    }\n}\n\n\/* \ubaa8\ubc14\uc77c \uc138\ub85c - \uc138\ub85c \ubc30\uce58 *\/\n@media (max-width: 640px) {\n    .circle-section {\n        padding: 35px 15px;\n        min-height: auto;\n    }\n    \n    .circle-container {\n        flex-direction: column;\n        gap: 0;\n    }\n    \n    .circle-item {\n        width: 240px;\n        height: 240px;\n        margin: -25px 0;\n    }\n    \n    .circle-item:first-child {\n        margin-top: 0;\n        margin-bottom: -25px;\n    }\n    \n    .circle-item:last-child {\n        margin-bottom: 0;\n        margin-top: -25px;\n    }\n    \n    .circle-text {\n        font-size: 26px;\n    }\n}\n\n\/* \uc791\uc740 \ubaa8\ubc14\uc77c *\/\n@media (max-width: 480px) {\n    .circle-section {\n        padding: 30px 10px;\n    }\n    \n    .circle-item {\n        width: 220px;\n        height: 220px;\n        margin: -22px 0;\n    }\n    \n    .circle-item:first-child {\n        margin-top: 0;\n        margin-bottom: -22px;\n    }\n    \n    .circle-item:last-child {\n        margin-bottom: 0;\n        margin-top: -22px;\n    }\n    \n    .circle-text {\n        font-size: 24px;\n        padding: 0 15px;\n    }\n}\n\n\/* \ub9e4\uc6b0 \uc791\uc740 \ubaa8\ubc14\uc77c *\/\n@media (max-width: 360px) {\n    .circle-section {\n        padding: 25px 10px;\n    }\n    \n    .circle-item {\n        width: 200px;\n        height: 200px;\n        margin: -20px 0;\n    }\n    \n    .circle-item:first-child {\n        margin-top: 0;\n        margin-bottom: -20px;\n    }\n    \n    .circle-item:last-child {\n        margin-bottom: 0;\n        margin-top: -20px;\n    }\n    \n    .circle-text {\n        font-size: 22px;\n    }\n}\n<\/style><section class=\"circle-section\"><div class=\"circle-container\"><div class=\"circle-item\"><div class=\"circle\"><div class=\"circle-text\">DREAM.<\/div><\/div><\/div><div class=\"circle-item\"><div class=\"circle\"><div class=\"circle-text\">DEFINE.<\/div><\/div><\/div><div class=\"circle-item\"><div class=\"circle\"><div class=\"circle-text\">LEAD.<\/div><\/div><\/div><\/div><\/section><script>(function() {\n    function initCircleAnimation() {\n        const observerOptions = {\n            threshold: 0.2,\n            rootMargin: '0px 0px -100px 0px'\n        };\n        \n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    const items = entry.target.querySelectorAll('.circle-item');\n                    items.forEach(item => item.classList.add('active'));\n                    observer.unobserve(entry.target);\n                }\n            });\n        }, observerOptions);\n        \n        const section = document.querySelector('.circle-section');\n        if (section) observer.observe(section);\n    }\n    \n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initCircleAnimation);\n    } else {\n        initCircleAnimation();\n    }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ABOUT \u3042\u306a\u305f\u306e\u5922\u3092\u5171\u306b\u63cf\u304d\u3001\u5b9f\u73fe\u3078\u3068\u5c0e\u304f\u30af\u30ea\u30a8\u30a4\u30c6\u30a3\u30d6\u30fb\u30d1\u30fc\u30c8\u30ca\u30fc\u3002 \u30d6\u30eb\u30fc\u30fb\u30d6\u30e9\u30a6\u30f3\u30fb\u30ec\u30b3\u30fc\u30ba\uff08BLUE BROWN RECORDS\uff09\u306f\u6570\u591a\u304f\u306e\u30a2\u30fc\u30c6\u30a3\u30b9\u30c8\u306e\u30d6\u30e9\u30f3\u30c9\u69cb\u7bc9\u3068\u6210\u9577\u3092\u652f\u3048\u3066\u304d\u305f\u3001\u30b0\u30ed\u30fc\u30d0\u30eb\u7dcf\u5408\u30a8\u30f3\u30bf\u30fc [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1354","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bluebrownrecords.com\/ja\/wp-json\/wp\/v2\/pages\/1354","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bluebrownrecords.com\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bluebrownrecords.com\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bluebrownrecords.com\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bluebrownrecords.com\/ja\/wp-json\/wp\/v2\/comments?post=1354"}],"version-history":[{"count":5,"href":"https:\/\/bluebrownrecords.com\/ja\/wp-json\/wp\/v2\/pages\/1354\/revisions"}],"predecessor-version":[{"id":1366,"href":"https:\/\/bluebrownrecords.com\/ja\/wp-json\/wp\/v2\/pages\/1354\/revisions\/1366"}],"wp:attachment":[{"href":"https:\/\/bluebrownrecords.com\/ja\/wp-json\/wp\/v2\/media?parent=1354"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}