{"id":151,"date":"2024-08-18T22:06:43","date_gmt":"2024-08-18T13:06:43","guid":{"rendered":"https:\/\/www.adosol.net\/?page_id=151"},"modified":"2026-02-20T15:35:07","modified_gmt":"2026-02-20T06:35:07","slug":"%e4%bc%81%e6%a5%adsns%e3%82%b3%e3%83%b3%e3%82%b5%e3%83%ab","status":"publish","type":"page","link":"https:\/\/www.adosol.net\/?page_id=151","title":{"rendered":""},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u6c42\u8077\u8005\u3080\u3051\u5c31\u8077\u30a4\u30d9\u30f3\u30c8<\/title>\n    <meta name=\"description\" content=\"\u6c42\u8077\u8005\u3080\u3051\u306e\u5408\u540c\u5c31\u8077\u30a4\u30d9\u30f3\u30c8\u958b\u50ac\u3002\u5165\u9000\u5834\u81ea\u7531\u30fb\u53c2\u52a0\u8cbb\u7121\u6599\u3002\">\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=Noto+Sans+JP:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n    \n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    \n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    \n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        evtPrimary: '#0a3d70',    \/* \u6df1\u3044\u30cd\u30a4\u30d3\u30fc\uff08\u4fe1\u983c\u611f\u30fb\u8aa0\u5b9f\u3055\uff09 *\/\n                        evtSecondary: '#f4f7f9',  \/* \u8584\u3044\u30b0\u30ec\u30fc\u30d6\u30eb\u30fc\uff08\u80cc\u666f\u7528\uff09 *\/\n                        evtAccent: '#009fe8',     \/* \u9bae\u3084\u304b\u306a\u6c34\u8272\uff08\u30a2\u30af\u30bb\u30f3\u30c8\uff09 *\/\n                        evtTextMain: '#333333',\n                        evtTextSub: '#555555',\n                    },\n                    fontFamily: {\n                        sans: ['\"Noto Sans JP\"', 'sans-serif'],\n                    }\n                }\n            }\n        }\n    <\/script>\n\n    <style>\n        html {\n            scroll-behavior: smooth;\n        }\n        .fade-in-up {\n            animation: fadeInUp 0.8s ease-out forwards;\n            opacity: 0;\n            transform: translateY(20px);\n        }\n        @keyframes fadeInUp {\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n    <\/style>\n<\/head>\n<body class=\"font-sans text-evtTextMain antialiased bg-white\">\n\n    <section class=\"relative py-20 lg:py-32 bg-evtSecondary border-b-4 border-evtPrimary\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative\">\n            <div class=\"fade-in-up flex justify-center\">\n                <h1 class=\"text-3xl md:text-4xl lg:text-5xl font-bold tracking-tight text-evtPrimary leading-tight py-3 inline-block\">\n                    \u6c42\u8077\u8005\u3080\u3051\u5c31\u8077\u30a4\u30d9\u30f3\u30c8\n                <\/h1>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section id=\"about\" class=\"py-16 bg-white\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"mb-12\">\n                <h2 class=\"text-2xl font-bold text-evtPrimary border-b-2 border-gray-200 pb-2 relative\">\n                    \u30a4\u30d9\u30f3\u30c8\u306e\u9b45\u529b\n                    <span class=\"absolute bottom-[-2px] left-0 w-16 h-1 bg-evtAccent\"><\/span>\n                <\/h2>\n                <p class=\"mt-4 text-evtTextSub\">\u8ee2\u8077\u30b5\u30a4\u30c8\u3060\u3051\u3067\u306f\u5206\u304b\u3089\u306a\u3044\u3001\u4f01\u696d\u306e\u300c\u30ea\u30a2\u30eb\u300d\u306b\u89e6\u308c\u3089\u308c\u307e\u3059\u3002<\/p>\n            <\/div>\n\n            <div class=\"grid md:grid-cols-2 gap-8 max-w-4xl mx-auto\">\n                <div class=\"bg-white border border-gray-200 p-8 hover:shadow-md transition duration-300 relative overflow-hidden group\">\n                    <div class=\"absolute top-0 left-0 w-1 h-full bg-evtAccent transform origin-bottom scale-y-0 group-hover:scale-y-100 transition-transform duration-300\"><\/div>\n                    <div class=\"text-evtAccent mb-4 text-4xl\">\n                        <i class=\"fa-solid fa-handshake\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-lg font-bold mb-3 text-evtPrimary\">\u30ab\u30b8\u30e5\u30a2\u30eb\u306a\u9762\u8ac7<\/h3>\n                    <p class=\"text-sm text-evtTextSub leading-relaxed\">\n                        \u8208\u5473\u306e\u3042\u308b\u4f01\u696d\u306e\u30d6\u30fc\u30b9\u3067\u3001\u4eba\u4e8b\u3084\u73fe\u5834\u62c5\u5f53\u8005\u3068\u30ab\u30b8\u30e5\u30a2\u30eb\u306b\u8a71\u305b\u307e\u3059\u3002\u9078\u8003\u524d\u306b\u300c\u81ea\u5206\u306b\u5408\u3046\u304b\u300d\u3092\u78ba\u304b\u3081\u308b\u7d76\u597d\u306e\u6a5f\u4f1a\u3067\u3059\u3002\n                    <\/p>\n                <\/div>\n\n                <div class=\"bg-white border border-gray-200 p-8 hover:shadow-md transition duration-300 relative overflow-hidden group\">\n                    <div class=\"absolute top-0 left-0 w-1 h-full bg-evtAccent transform origin-bottom scale-y-0 group-hover:scale-y-100 transition-transform duration-300\"><\/div>\n                    <div class=\"text-evtAccent mb-4 text-4xl\">\n                        <i class=\"fa-solid fa-check-circle\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-lg font-bold mb-3 text-evtPrimary\">\u53c2\u52a0\u8cbb\u7121\u6599<\/h3>\n                    <p class=\"text-sm text-evtTextSub leading-relaxed\">\n                        \u672c\u30a4\u30d9\u30f3\u30c8\u306f\u5165\u9000\u5834\u81ea\u7531\u30fb\u5b8c\u5168\u7121\u6599\u3067\u3054\u53c2\u52a0\u3044\u305f\u3060\u3051\u307e\u3059\u3002\u4e8b\u524d\u306e\u5c65\u6b74\u66f8\u6e96\u5099\u7b49\u3082\u4e0d\u8981\u3067\u3059\u306e\u3067\u3001\u304a\u6c17\u8efd\u306b\u304a\u8d8a\u3057\u304f\u3060\u3055\u3044\u3002\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section id=\"faq\" class=\"py-16 bg-white\">\n        <div class=\"max-w-3xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"mb-12\">\n                <h2 class=\"text-2xl font-bold text-evtPrimary border-b-2 border-gray-200 pb-2 relative\">\n                    \u3088\u304f\u3042\u308b\u8cea\u554f\n                    <span class=\"absolute bottom-[-2px] left-0 w-16 h-1 bg-evtAccent\"><\/span>\n                <\/h2>\n            <\/div>\n\n            <div class=\"space-y-2\">\n                <div class=\"border border-gray-200 bg-gray-50\">\n                    <button class=\"faq-toggle w-full text-left px-6 py-4 focus:outline-none flex justify-between items-center hover:bg-gray-100\">\n                        <span class=\"font-bold text-md text-evtTextMain\">Q. \u5165\u9000\u5834\u306f\u81ea\u7531\u3067\u3059\u304b\uff1f<\/span>\n                        <i class=\"fa-solid fa-chevron-down text-evtPrimary transition-transform\"><\/i>\n                    <\/button>\n                    <div class=\"faq-content hidden px-6 py-4 text-sm text-evtTextSub bg-white border-t border-gray-200\">\n                        A. \u306f\u3044\u3001\u958b\u50ac\u6642\u9593\u5185\u3067\u3042\u308c\u3070\u5165\u9000\u5834\u306f\u81ea\u7531\u3067\u3059\u3002\u304a\u597d\u304d\u306a\u6642\u9593\u306b\u304a\u8d8a\u3057\u304f\u3060\u3055\u3044\u3002\n                    <\/div>\n                <\/div>\n\n                <div class=\"border border-gray-200 bg-gray-50\">\n                    <button class=\"faq-toggle w-full text-left px-6 py-4 focus:outline-none flex justify-between items-center hover:bg-gray-100\">\n                        <span class=\"font-bold text-md text-evtTextMain\">Q. \u670d\u88c5\u306e\u6307\u5b9a\u306f\u3042\u308a\u307e\u3059\u304b\uff1f<\/span>\n                        <i class=\"fa-solid fa-chevron-down text-evtPrimary transition-transform\"><\/i>\n                    <\/button>\n                    <div class=\"faq-content hidden px-6 py-4 text-sm text-evtTextSub bg-white border-t border-gray-200\">\n                        A. \u670d\u88c5\u306f\u5b8c\u5168\u81ea\u7531\u3067\u3059\u3002\u30b9\u30fc\u30c4\u3067\u3042\u308b\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u591a\u304f\u306e\u53c2\u52a0\u8005\u304c\u79c1\u670d\u3067\u6765\u5834\u3055\u308c\u307e\u3059\u3002\n                    <\/div>\n                <\/div>\n\n                <div class=\"border border-gray-200 bg-gray-50\">\n                    <button class=\"faq-toggle w-full text-left px-6 py-4 focus:outline-none flex justify-between items-center hover:bg-gray-100\">\n                        <span class=\"font-bold text-md text-evtTextMain\">Q. \u307e\u3060\u8ee2\u8077\u3092\u5177\u4f53\u7684\u306b\u8003\u3048\u3066\u3044\u306a\u304f\u3066\u3082\u53c2\u52a0\u3067\u304d\u307e\u3059\u304b\uff1f<\/span>\n                        <i class=\"fa-solid fa-chevron-down text-evtPrimary transition-transform\"><\/i>\n                    <\/button>\n                    <div class=\"faq-content hidden px-6 py-4 text-sm text-evtTextSub bg-white border-t border-gray-200\">\n                        A. \u3082\u3061\u308d\u3093\u3067\u3059\u3002\u300c\u3069\u3093\u306a\u4f01\u696d\u304c\u3042\u308b\u304b\u77e5\u308a\u305f\u3044\u300d\u300c\u696d\u754c\u306e\u52d5\u5411\u3092\u805e\u304d\u305f\u3044\u300d\u3068\u3044\u3046\u65b9\u3082\u5927\u6b53\u8fce\u3067\u3059\u3002\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n        \/\/ FAQ Toggle\n        const toggles = document.querySelectorAll('.faq-toggle');\n        \n        toggles.forEach(toggle => {\n            toggle.addEventListener('click', () => {\n                const content = toggle.nextElementSibling;\n                const icon = toggle.querySelector('.fa-chevron-down');\n                \n                content.classList.toggle('hidden');\n                \n                if(content.classList.contains('hidden')) {\n                    icon.style.transform = 'rotate(0deg)';\n                } else {\n                    icon.style.transform = 'rotate(180deg)';\n                }\n            });\n        });\n\n        \/\/ Simple Animation on Scroll\n        const observerOptions = {\n            threshold: 0.1\n        };\n\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('fade-in-up');\n                    observer.unobserve(entry.target);\n                }\n            });\n        }, observerOptions);\n\n        \/\/ Add animation class to sections\n        document.querySelectorAll('section > div').forEach(section => {\n            section.classList.add('opacity-0'); \/\/ Initial state\n            observer.observe(section);\n        });\n        \n        \/\/ Trigger initial animation\n        document.querySelector('.fade-in-up').style.opacity = '1';\n        document.querySelector('.fade-in-up').style.transform = 'translateY(0)';\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u6c42\u8077\u8005\u3080\u3051\u5c31\u8077\u30a4\u30d9\u30f3\u30c8 \u6c42\u8077\u8005\u3080\u3051\u5c31\u8077\u30a4\u30d9\u30f3\u30c8 \u30a4\u30d9\u30f3\u30c8\u306e\u9b45\u529b \u8ee2\u8077\u30b5\u30a4\u30c8\u3060\u3051\u3067\u306f\u5206\u304b\u3089\u306a\u3044\u3001\u4f01\u696d\u306e\u300c\u30ea\u30a2\u30eb\u300d\u306b\u89e6\u308c\u3089\u308c\u307e\u3059\u3002 \u30ab\u30b8\u30e5\u30a2\u30eb\u306a\u9762\u8ac7 \u8208\u5473\u306e\u3042\u308b\u4f01\u696d\u306e\u30d6\u30fc\u30b9\u3067\u3001\u4eba\u4e8b\u3084\u73fe\u5834\u62c5\u5f53\u8005\u3068\u30ab\u30b8\u30e5\u30a2\u30eb\u306b\u8a71\u305b\u307e\u3059\u3002\u9078\u8003\u524d\u306b [&hellip;]<\/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-151","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.adosol.net\/index.php?rest_route=\/wp\/v2\/pages\/151","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.adosol.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.adosol.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.adosol.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.adosol.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=151"}],"version-history":[{"count":17,"href":"https:\/\/www.adosol.net\/index.php?rest_route=\/wp\/v2\/pages\/151\/revisions"}],"predecessor-version":[{"id":519,"href":"https:\/\/www.adosol.net\/index.php?rest_route=\/wp\/v2\/pages\/151\/revisions\/519"}],"wp:attachment":[{"href":"https:\/\/www.adosol.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}