{"id":604,"date":"2025-05-23T19:11:14","date_gmt":"2025-05-23T10:11:14","guid":{"rendered":"https:\/\/kando-inc.co.jp\/?page_id=604"},"modified":"2025-09-26T13:57:56","modified_gmt":"2025-09-26T04:57:56","slug":"elementor-604","status":"publish","type":"page","link":"https:\/\/kando-inc.co.jp\/","title":{"rendered":"Elementor #604"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n \r\n \r\n \u7d4c\u55b6\u8ab2\u984c\u306b\u73fe\u5834\u304b\u3089\u5fdc\u3048\u308b|Kando<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, sans-serif;\r\n line-height: 1.6;\r\n color: #333;\r\n overflow-x: hidden;\r\n background: #0a0e27;\r\n }\r\n\r\n \/* \u30d8\u30c3\u30c0\u30fc *\/\r\n header {\r\n position: fixed;\r\n top: 0;\r\n width: 100%;\r\n background: rgba(10, 14, 39, 0.95);\r\n backdrop-filter: blur(20px);\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n z-index: 1000;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n nav {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 1.5rem 5%;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n }\r\n\r\n .logo {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n font-size: 1.8rem;\r\n font-weight: bold;\r\n color: white;\r\n text-decoration: none;\r\n transition: transform 0.3s ease;\r\n letter-spacing: 0.1em;\r\n }\r\n\r\n .logo-icon {\r\n width: 40px;\r\n height: 40px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n }\r\n\r\n .logo-icon::before {\r\n content: '';\r\n position: absolute;\r\n width: 30px;\r\n height: 30px;\r\n border: 3px solid white;\r\n transform: rotate(45deg);\r\n }\r\n\r\n .logo-icon::after {\r\n content: '';\r\n position: absolute;\r\n width: 20px;\r\n height: 20px;\r\n background: white;\r\n transform: rotate(45deg);\r\n }\r\n\r\n .logo:hover {\r\n transform: translateY(-2px);\r\n }\r\n\r\n .nav-links {\r\n display: flex;\r\n list-style: none;\r\n gap: 3rem;\r\n }\r\n\r\n .nav-links a {\r\n text-decoration: none;\r\n color: rgba(255, 255, 255, 0.9);\r\n font-weight: 400;\r\n font-size: 1.2rem;\r\n position: relative;\r\n transition: color 0.3s ease;\r\n letter-spacing: 0.05em;\r\n }\r\n\r\n .nav-links a::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -5px;\r\n left: 0;\r\n width: 0;\r\n height: 1px;\r\n background: white;\r\n transition: width 0.3s ease;\r\n }\r\n\r\n .nav-links a:hover {\r\n color: white;\r\n }\r\n\r\n .nav-links a:hover::after {\r\n width: 100%;\r\n }\r\n\r\n \/* \u30d2\u30fc\u30ed\u30fc\u30bb\u30af\u30b7\u30e7\u30f3 *\/\r\n .hero {\r\n height: 100vh;\r\n background:linear-gradient(135deg, rgba(0,0,0,0.4), rgba(0,0,0,0.4)),\r\n linear-gradient(135deg, #1e3c72 0%, #2a5298 50%, #1e3c72 100%);\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n color: white;\r\n overflow: hidden;\r\n }\r\n\r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1200 800\"><defs><linearGradient id=\"g\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><stop offset=\"0%\" style=\"stop-color:rgba(255,255,255,0.03)\" \/><stop offset=\"100%\" style=\"stop-color:rgba(255,255,255,0)\" \/><\/linearGradient><\/defs><rect width=\"1200\" height=\"800\" fill=\"url(%23g)\" \/><\/svg>');\r\n opacity: 0.3;\r\n }\r\n\r\n .wave-container {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 60%;\r\n overflow: hidden;\r\n }\r\n\r\n .wave {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 200%;\r\n height: 100%;\r\n background: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1200 300\"><path d=\"M0,150 Q300,50 600,150 T1200,150 L1200,300 L0,300 Z\" fill=\"rgba(255,255,255,0.02)\"\/><\/svg>');\r\n background-size: 50% 100%;\r\n animation: wave 20s linear infinite;\r\n }\r\n\r\n .wave:nth-child(2) {\r\n background: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1200 300\"><path d=\"M0,200 Q300,100 600,200 T1200,200 L1200,300 L0,300 Z\" fill=\"rgba(255,255,255,0.03)\"\/><\/svg>');\r\n background-size: 50% 100%;\r\n animation: wave 15s linear infinite reverse;\r\n opacity: 0.5;\r\n }\r\n\r\n @keyframes wave {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); }\r\n }\r\n\r\n .flow-lines {\r\n position: absolute;\r\n top: 50%;\r\n right: -10%;\r\n width: 80%;\r\n height: 80%;\r\n transform: translateY(-50%);\r\n }\r\n\r\n .flow-line {\r\n position: absolute;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.3) 50%, transparent 100%);\r\n animation: flow 8s ease-in-out infinite;\r\n }\r\n\r\n .flow-line:nth-child(1) { top: 20%; width: 60%; animation-delay: 0s; }\r\n .flow-line:nth-child(2) { top: 35%; width: 80%; animation-delay: 1s; }\r\n .flow-line:nth-child(3) { top: 50%; width: 70%; animation-delay: 2s; }\r\n .flow-line:nth-child(4) { top: 65%; width: 90%; animation-delay: 3s; }\r\n .flow-line:nth-child(5) { top: 80%; width: 75%; animation-delay: 4s; }\r\n\r\n @keyframes flow {\r\n 0%, 100% { transform: translateX(-100%); opacity: 0; }\r\n 50% { opacity: 1; }\r\n 100% { transform: translateX(100%); }\r\n }\r\n\r\n .hero-content {\r\n \/* margin:0; \u3092\u6b8b\u3057\u305f\u307e\u307e *\/\r\n margin-left: 10%; \/* \u2190 \u753b\u9762\u5de6\u304b\u308910%\u3060\u3051\u4f59\u767d\u3092\u3068\u308b *\/\r\n padding-right: 5%;\r\n text-align: left;\r\n }\r\n\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .hero h1 {\r\n font-size: clamp(2rem, 5vw, 3.5rem); \/* \u2190 \u6700\u5c0f2rem\u3001\u6700\u59273.5rem\u306bUP *\/\r\n line-height: 1.2;\r\n margin-bottom: 1rem;\r\n\r\n }\r\n\r\n \/* \u4ee3\u8868\u6328\u62f6\u30bb\u30af\u30b7\u30e7\u30f3 *\/\r\n .message {\r\n padding: 6rem 5%;\r\n background: white;\r\n position: relative;\r\n }\r\n\r\n .message::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, #e0e0e0, transparent);\r\n }\r\n\r\n .message-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 5rem;\r\n align-items: center;\r\n }\r\n\r\n .message-content h2 {\r\n font-size: 3rem;\r\n color: #1e3c72;\r\n margin-bottom: 2rem;\r\n position: relative;\r\n font-weight: 700;\r\n letter-spacing: 0.05em;\r\n }\r\n\r\n .message-content h2::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -15px;\r\n left: 0;\r\n width: 80px;\r\n height: 4px;\r\n background: linear-gradient(90deg, #1e3c72, #2a5298);\r\n border-radius: 2px;\r\n }\r\n\r\n .message-text {\r\n line-height: 2;\r\n color: #4a4a4a;\r\n font-size: 1.05rem;\r\n }\r\n\r\n .message-text p {\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .ceo-profile {\r\n background: linear-gradient(145deg, #f8f9fa, #ffffff);\r\n padding: 3rem;\r\n border-radius: 20px;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .ceo-profile::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n right: -50%;\r\n width: 200%;\r\n height: 200%;\r\n background: radial-gradient(circle, rgba(30,60,114,0.05) 0%, transparent 70%);\r\n animation: pulse 4s ease-in-out infinite;\r\n }\r\n\r\n @keyframes pulse {\r\n 0%, 100% { transform: scale(0.8); opacity: 0.5; }\r\n 50% { transform: scale(1.2); opacity: 0.8; }\r\n }\r\n\r\n .ceo-profile:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 30px 80px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .ceo-image {\r\n width: 280px;\r\n height: 280px;\r\n border-radius: 15px;\r\n margin: 0 auto 2.5rem;\r\n overflow: hidden;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .ceo-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n \/* \u3053\u3053\u304b\u3089\u8ffd\u52a0 *\/\r\n transform: scale(1.3); \/* 1.2\u500d\u306b\u30ba\u30fc\u30e0 *\/\r\n transform-origin: center center;\/* \u4e2d\u5fc3\u3092\u57fa\u6e96\u306b\u62e1\u5927 *\/\r\n \/* \u3053\u3053\u307e\u3067 *\/\r\n }\r\n\r\n .ceo-profile h3 {\r\n font-size: 1.5rem;\r\n color: #1e3c72;\r\n margin-bottom: 1rem;\r\n text-align: center;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .ceo-profile p {\r\n position: relative;\r\n z-index: 1;\r\n line-height: 1.8;\r\n color: #4a4a4a;\r\n }\r\n\r\n \/* \u30b5\u30fc\u30d3\u30b9\u30bb\u30af\u30b7\u30e7\u30f3 *\/\r\n.services {\r\n padding: 6rem 5%;\r\n background: #f8f9fa;\r\n position: relative;\r\n overflow: hidden; \/* \u5fc5\u9808: \u80cc\u666f\u304c\u306f\u307f\u51fa\u3055\u306a\u3044\u3088\u3046\u306b *\/\r\n}\r\n\r\n\/* \u80cc\u666f\u753b\u50cf\u3092\u3046\u3063\u3059\u3089\u6577\u304f *\/\r\n.services::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0;\r\n width: 100%; height: 100%;\r\n background: \r\n url('https:\/\/kando-inc.co.jp\/wp-content\/uploads\/2025\/05\/\u7121\u984c\u306e\u753b\u50cf.png')\r\n center center \/ cover no-repeat;\r\n opacity: 0.5;\r\n pointer-events: none;\r\n z-index: 0;\r\n}\r\n\r\n\/* \u898b\u51fa\u3057\u3068\u30ab\u30fc\u30c9\u3092\u624b\u524d\u306b *\/\r\n.services h2,\r\n.service-grid {\r\n position: relative;\r\n z-index: 1;\r\n}\r\n .services h2 {\r\n text-align: center;\r\n font-size: 3rem;\r\n color: #1e3c72;\r\n margin-bottom: 4rem;\r\n font-weight: 700;\r\n letter-spacing: 0.05em;\r\n }\r\n\r\n .service-grid {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n gap: 3rem;\r\n }\r\n\r\n .service-card {\r\n background: white;\r\n padding: 3rem;\r\n border-radius: 20px;\r\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\r\n transition: all 0.4s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .service-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 6px;\r\n background: linear-gradient(90deg, #1e3c72, #2a5298);\r\n transform: translateX(-100%);\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .service-card:hover::before {\r\n transform: translateX(0);\r\n }\r\n\r\n .service-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);\r\n }\r\n\r\n .service-icon {\r\n width: 70px;\r\n height: 70px;\r\n background: linear-gradient(135deg, #1e3c72, #2a5298);\r\n border-radius: 20px;\r\n margin-bottom: 2rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n font-size: 2rem;\r\n box-shadow: 0 10px 30px rgba(30, 60, 114, 0.3);\r\n }\r\n\r\n .service-card h3 {\r\n font-size: 1.8rem;\r\n margin-bottom: 1.5rem;\r\n color: #1e3c72;\r\n font-weight: 600;\r\n }\r\n\r\n .service-card p {\r\n line-height: 1.8;\r\n color: #4a4a4a;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .price-tag {\r\n display: inline-block;\r\n background: linear-gradient(135deg, #e8f0ff, #f0f7ff);\r\n color: #1e3c72;\r\n padding: 0.7rem 1.5rem;\r\n border-radius: 25px;\r\n font-size: 0.95rem;\r\n margin-top: 1.5rem;\r\n font-weight: 600;\r\n border: 1px solid rgba(30, 60, 114, 0.1);\r\n }\r\n\r\n \/* \u4f1a\u793e\u6982\u8981 *\/\r\n \/* \u4f1a\u793e\u6982\u8981\u30bb\u30af\u30b7\u30e7\u30f3\uff1a\u4e0a\u4e0b\u3092\u5206\u3051\u3066\u6307\u5b9a *\/\r\n.company {\r\n padding-top: 6rem; \/* \u4e0a\u3060\u30516rem *\/\r\n padding-bottom: 2rem; \/* \u4e0b\u3060\u30512rem *\/\r\n background: white;\r\n}\r\n\r\n.company-container {\r\n display: flex;\r\n \/* \u4e0b\u7aef\u540c\u58eb\u3092\u63c3\u3048\u308b *\/\r\n align-items: flex-end;\r\n \/* \u5de6\u53f3\u306e\u9699\u9593\u3092\u5e83\u3052\u308b *\/\r\n gap: 5rem;\r\n \/* padding: \u4e0a0 \u53f35% \u4e0b2rem \u5de65% *\/\r\n padding: 0 5% 2rem;\r\n \/* \u72ed\u3044\u6642\u306f\u7e26\u4e26\u3073\u306b\u623b\u3059 *\/\r\n flex-wrap: wrap;\r\n}\r\n\r\n\/* \u30e2\u30d0\u30a4\u30eb\u5bfe\u5fdc *\/\r\n@media (max-width: 768px) {\r\n .company-container {\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 3rem;\r\n }\r\n .company-image,\r\n .company-details {\r\n flex: 1 1 100%;\r\n max-width: 100%;\r\n }\r\n}\r\n\r\n\r\n\r\n\/* 2. \u5de6\u30ab\u30e9\u30e0\uff1a\u753b\u50cf *\/\r\n\/* \u30b3\u30f3\u30c6\u30ca\u306f\u305d\u306e\u307e\u307e display:flex *\/\r\n\r\n\/* \u5de6\u30ab\u30e9\u30e0\uff1a\u753b\u50cf 30% *\/\r\n.company-image {\r\n flex: 0 0 35%; \/* \u5e45\u309230%\u306b\u56fa\u5b9a *\/\r\n max-width: 35%; \/* \u5fc5\u8981\u306b\u5fdc\u3058\u3066 *\/\r\n}\r\n\r\n\/* \u753b\u50cf\u3092\u7e26\u9577 3:4 \u306b\u30c8\u30ea\u30df\u30f3\u30b0 *\/\r\n.company-image img {\r\n width: 100%;\r\n height: auto;\r\n aspect-ratio: 3 \/ 4; \/* \u9ad8\u3055\u3092\u81ea\u52d5\u8abf\u6574\u3057\u3064\u3064\u7e26\u9577\u306b *\/\r\n object-fit: cover; \/* \u4e2d\u592e\u3092\u5207\u308a\u629c\u304f *\/\r\n display: block;\r\n border-radius: 12px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n}\r\n\r\n\/* \u53f3\u30ab\u30e9\u30e0\uff1a\u4f1a\u793e\u6982\u8981 70% *\/\r\n.company-details {\r\n flex: 0 0 65%; \/* \u2190 70% \u2192 65% \u306b *\/\r\n max-width: 65%; \/* \u5e45\u309270%\u306b\u56fa\u5b9a *\/\r\n \/* \u3082\u3057\u304f\u306f flex: 1; \u3067\u3082OK *\/\r\n}\r\n\r\n\/* \uff08\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u3067\u7e26\u4e26\u3073\u306b\u623b\u3059\u4f8b\uff09 *\/\r\n@media (max-width: 768px) {\r\n .company-container {\r\n flex-direction: column;\r\n }\r\n .company-image,\r\n .company-details {\r\n flex: 1 1 100%;\r\n max-width: 100%;\r\n }\r\n}\r\n\r\n.company-image img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n border-radius: 12px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n}\r\n\r\n\/* 3. \u53f3\u30ab\u30e9\u30e0\uff1a\u4f1a\u793e\u60c5\u5831 *\/\r\n.company-details {\r\n flex: 1; \/* \u6b8b\u308a\u5e45\u3092\u5168\u3066\u4f7f\u3046 *\/\r\n}\r\n.company-details h2 {\r\n font-size: 3rem;\r\n color: #1e3c72;\r\n margin-bottom: 2rem;\r\n}\r\n\r\n\/* 4. \u72ed\u3044\u753b\u9762\u3067\u306f\u7e26\u4e26\u3073\u306b *\/\r\n@media (max-width: 768px) {\r\n .company-container {\r\n flex-direction: column;\r\n }\r\n .company-image,\r\n .company-details {\r\n flex: 1 1 100%;\r\n max-width: 100%;\r\n }\r\n}\r\n\r\n .company h2 {\r\n text-align: center;\r\n font-size: 3rem;\r\n color: #1e3c72;\r\n margin-bottom: 4rem;\r\n font-weight: 700;\r\n letter-spacing: 0.05em;\r\n }\r\n\r\n .company-info {\r\n background: linear-gradient(145deg, #ffffff, #f8f9fa);\r\n padding: 4rem;\r\n border-radius: 20px;\r\n box-shadow: 0 15px 50px rgba(0, 0, 0, 0.08);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .company-info::before {\r\n content: '';\r\n position: absolute;\r\n top: -100px;\r\n right: -100px;\r\n width: 300px;\r\n height: 300px;\r\n background: radial-gradient(circle, rgba(30,60,114,0.05) 0%, transparent 70%);\r\n border-radius: 50%;\r\n }\r\n\r\n .info-grid {\r\n display: grid;\r\n grid-template-columns: 220px 1fr;\r\n gap: 2.5rem;\r\n align-items: center;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .info-label {\r\n font-weight: 600;\r\n color: #1e3c72;\r\n border-right: 3px solid #e8f0ff;\r\n padding-right: 2rem;\r\n font-size: 1.05rem;\r\n letter-spacing: 0.03em;\r\n }\r\n\r\n .info-value {\r\n color: #4a4a4a;\r\n font-size: 1.05rem;\r\n line-height: 1.6;\r\n }\r\n\r\n .certification {\r\n margin-top: 3rem;\r\n padding-top: 2rem;\r\n border-top: 1px solid #e8f0ff;\r\n text-align: center;\r\n color: #666;\r\n font-size: 0.95rem;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* \u304a\u554f\u3044\u5408\u308f\u305b *\/\r\n .contact {\r\n padding: 6rem 5%;\r\n background:linear-gradient(135deg, rgba(0,0,0,0.3), rgba(0,0,0,0.3)),\r\n linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);\r\n color: white;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .contact::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n left: -50%;\r\n width: 200%;\r\n height: 200%;\r\n background: radial-gradient(circle at 30% 50%, rgba(255,255,255,0.1) 0%, transparent 50%);\r\n animation: rotate 30s linear infinite;\r\n }\r\n\r\n @keyframes rotate {\r\n 0% { transform: rotate(0deg); }\r\n 100% { transform: rotate(360deg); }\r\n }\r\n\r\n .contact h2 {\r\n font-size: 3rem;\r\n margin-bottom: 2rem;\r\n font-weight: 700;\r\n letter-spacing: 0.05em;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .contact-info {\r\n max-width: 800px;\r\n margin: 0 auto 3rem;\r\n line-height: 2;\r\n font-size: 1.1rem;\r\n opacity: 0.95;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .contact-methods {\r\n display: flex;\r\n justify-content: center;\r\n gap: 4rem;\r\n flex-wrap: wrap;\r\n margin-top: 3rem;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .contact-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 1.2rem;\r\n font-size: 1.15rem;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .contact-item:hover {\r\n transform: translateY(-3px);\r\n }\r\n\r\n .contact-icon {\r\n width: 50px;\r\n height: 50px;\r\n background: rgba(255, 255, 255, 0.15);\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n border-radius: 15px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.3rem;\r\n backdrop-filter: blur(10px);\r\n }\r\n\r\n .form-button {\r\n display: inline-block;\r\n margin-top: 3rem;\r\n padding: 1.2rem 3.5rem;\r\n background: white;\r\n color: #1e3c72;\r\n text-decoration: none;\r\n border-radius: 50px;\r\n font-weight: 600;\r\n font-size: 1.05rem;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n z-index: 1;\r\n letter-spacing: 0.03em;\r\n }\r\n\r\n .form-button:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n \/* \u30d5\u30c3\u30bf\u30fc *\/\r\n footer {\r\n background: #0a0e27;\r\n color: rgba(255, 255, 255, 0.8);\r\n text-align: center;\r\n padding: 3rem;\r\n border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n \/* \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6 *\/\r\n @media (max-width: 768px) {\r\n .nav-links {\r\n display: none;\r\n }\r\n\r\n .hero h1 {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .message-container {\r\n grid-template-columns: 1fr;\r\n gap: 3rem;\r\n }\r\n\r\n .contact-methods {\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 2rem;\r\n }\r\n\r\n .info-grid {\r\n grid-template-columns: 1fr;\r\n gap: 1.5rem;\r\n }\r\n\r\n .info-label {\r\n border-right: none;\r\n border-bottom: 2px solid #e8f0ff;\r\n padding-bottom: 0.5rem;\r\n padding-right: 0;\r\n }\r\n\r\n .service-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- \u30d8\u30c3\u30c0\u30fc -->\r\n <header>\r\n <nav><a href=\"#\" class=\"logo\">\r\n<span>Kando<\/span>\r\n<\/a>\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#message\">\u4ee3\u8868\u6328\u62f6<\/a><\/li>\r\n <li><a href=\"#services\">\u4e8b\u696d\u5185\u5bb9<\/a><\/li>\r\n <li><a href=\"#company\">\u4f1a\u793e\u6982\u8981<\/a><\/li>\r\n <li><a href=\"#contact\">\u304a\u554f\u3044\u5408\u308f\u305b<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n <\/header>\r\n\r\n <!-- \u30d2\u30fc\u30ed\u30fc\u30bb\u30af\u30b7\u30e7\u30f3 -->\r\n <section class=\"hero\">\r\n <div class=\"wave-container\">\r\n <div class=\"wave\"><\/div>\r\n <div class=\"wave\"><\/div>\r\n <\/div>\r\n <div class=\"flow-lines\">\r\n <div class=\"flow-line\"><\/div>\r\n <div class=\"flow-line\"><\/div>\r\n <div class=\"flow-line\"><\/div>\r\n <div class=\"flow-line\"><\/div>\r\n <div class=\"flow-line\"><\/div>\r\n <\/div>\r\n <div class=\"hero-content\">\r\n <h1>\u7d4c\u55b6\u8ab2\u984c\u306b\u73fe\u5834\u304b\u3089\u4f34\u8d70\u652f\u63f4\u3057\u3001<br>\u89e3\u6c7a\u3078\u3068\u5c0e\u304f<\/h1>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \u4ee3\u8868\u6328\u62f6 -->\r\n <section id=\"message\" class=\"message\">\r\n <div class=\"message-container\">\r\n <div class=\"message-content\">\r\n <h2>\u4ee3\u8868\u6328\u62f6<\/h2>\r\n <div class=\"message-text\">\r\n <p>\u5f0a\u793eHP\u3092\u3054\u89a7\u3044\u305f\u3060\u304d\u8aa0\u306b\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3059\u3002<\/p>\r\n <p>\u5f53\u793e\u306f\u3001\u518d\u751f\u53ef\u80fd\u30a8\u30cd\u30eb\u30ae\u30fc\u306b\u95a2\u3059\u308b\u652f\u63f4\u3067\u3001\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u306e\u7d4c\u55b6\u8ab2\u984c\u306b\u73fe\u5834\u30ec\u30d9\u30eb\u304b\u3089\u5411\u304d\u5408\u3044\u3001\u5177\u4f53\u7684\u306a\u6539\u5584\u3068\u6210\u9577\u3092\u652f\u63f4\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\r\n <p>\u7533\u8acb\u66f8\u985e\u306e\u4f5c\u6210\u30fb\u63d0\u51fa\u652f\u63f4\u3084\u3001\u8a2d\u8a08\u30fb\u65bd\u5de5\u306b\u95a2\u308f\u308b\u56f3\u9762\u4f5c\u6210\u3001\u5404\u7a2e\u88dc\u52a9\u91d1\u306e\u7533\u8acb\u5bfe\u5fdc\u3068\u3044\u3063\u305f\u5b9f\u52d9\u7684\u306a\u30b5\u30dd\u30fc\u30c8\u304b\u3089\u3001\u4e8b\u696d\u53ce\u652f\u306e\u8a2d\u8a08\u3084\u53ce\u76ca\u30e2\u30c7\u30eb\u306e\u69cb\u7bc9\u3068\u3044\u3063\u305f\u4e0a\u6d41\u5de5\u7a0b\u307e\u3067\u3001\u4e00\u6c17\u901a\u8cab\u3067\u5bfe\u5fdc\u3057\u307e\u3059\u3002<\/p>\r\n <p>\u307e\u305f\u3001\u5236\u5ea6\u5909\u66f4\u3084\u88dc\u52a9\u91d1\u30b9\u30ad\u30fc\u30e0\u306e\u5f71\u97ff\u3092\u5927\u304d\u304f\u53d7\u3051\u308b\u5206\u91ce\u3067\u3042\u308b\u305f\u3081\u3001\u6700\u65b0\u306e\u52d5\u5411\u3092\u8e0f\u307e\u3048\u305f\u78ba\u5b9f\u304b\u3064\u30b9\u30d4\u30fc\u30c7\u30a3\u30fc\u306a\u652f\u63f4\u3092\u884c\u3046\u3053\u3068\u304c\u4e0d\u53ef\u6b20\u3067\u3059\u3002\u8c4a\u5bcc\u306a\u7d4c\u9a13\u3068\u5c02\u9580\u77e5\u8b58\u3092\u6d3b\u304b\u3057\u3001\u4e8b\u696d\u3092\u5b89\u5b9a\u7684\u306b\u63a8\u9032\u3067\u304d\u308b\u3088\u3046\u4f34\u8d70\u3057\u307e\u3059\u3002<\/p><p>\u3055\u3089\u306b\u3001\u4e8b\u696d\u8a08\u753b\u306e\u7b56\u5b9a\u304b\u3089\u8cc7\u91d1\u8abf\u9054\u652f\u63f4\u3001\u53ce\u76ca\u6700\u5927\u5316\u306b\u5411\u3051\u305f\u6226\u7565\u7acb\u6848\u307e\u3067\u3001\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u306e\u9577\u671f\u7684\u306a\u6210\u9577\u3092\u898b\u636e\u3048\u305f\u652f\u63f4\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\r\n \r\n <\/div>\r\n <\/div>\r\n <div class=\"ceo-profile\">\r\n <div class=\"ceo-image\">\r\n <img decoding=\"async\" \r\n src=\"https:\/\/kando-inc.co.jp\/wp-content\/uploads\/2025\/05\/U7AxfMdntBc8hLWsvxdLlbU57dPAnDeBSS3EHjqH-scaled.jpg\" \r\n alt=\"\u4ee3\u8868\u53d6\u7de0\u5f79 \u5b89\u85e4\u5f18\u559c\"\r\n >\r\n<\/div>\r\n <h3>\u4ee3\u8868\u53d6\u7de0\u5f79\u3000 \u5b89\u85e4\u5f18\u559c<\/h3>\r\n <p><strong>\u7d4c\u6b74<\/strong><\/p>\r\n <p>\u6176\u61c9\u7fa9\u587e\u5927\u5b66\u304a\u3088\u3073\u540c\u5927\u5b66\u9662\u3092\u5352\u696d\u5f8c\u3001\u5343\u4ee3\u7530\u5316\u5de5\u5efa\u8a2d\u682a\u5f0f\u4f1a\u793e\u3092\u7d4c\u3066\u3001\u30a2\u30af\u30bb\u30f3\u30c1\u30e5\u30a2\u682a\u5f0f\u4f1a\u793e\u306b\u5165\u793e\u3002<\/p>\r\n <p>\u305d\u306e\u5f8c\u3001\u518d\u751f\u53ef\u80fd\u30a8\u30cd\u30eb\u30ae\u30fc\u7cfb\u306e\u30d9\u30f3\u30c1\u30e3\u30fc\u4f01\u696d\u306b\u3066\u65b0\u898f\u4e8b\u696d\u90e8\u306e\u8cac\u4efb\u8005\u3092\u52d9\u3081\u3001\u7cfb\u7d71\u7528\u84c4\u96fb\u4e8b\u696d\u3084\u96fb\u529b\u53d6\u5f15\u4e8b\u696d\u306e\u7acb\u3061\u4e0a\u3052\u3092\u4e3b\u5c0e\u30022024\u5e74\u306b\u5f53\u793e\u3092\u5275\u696d\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \u30b5\u30fc\u30d3\u30b9 -->\r\n <section id=\"services\" class=\"services\">\r\n <h2>\u4e8b\u696d\u5185\u5bb9<\/h2>\r\n <div class=\"service-grid\">\r\n <div class=\"service-card\">\r\n <h3>\u8a2d\u8a08\u30fb\u96fb\u529b\u7533\u8acb\u696d\u52d9<\/h3>\r\n <p>\r\n \u8131\u70ad\u7d20\u30fb\u518d\u751f\u53ef\u80fd\u30a8\u30cd\u30eb\u30ae\u30fc\u306e\u5c0e\u5165\u306b\u5411\u3051\u3001\u69cb\u60f3\u6bb5\u968e\u306e\u4e8b\u696d\u691c\u8a0e\u304b\u3089\u3001\u7cfb\u7d71\u9023\u7cfb\u306e\u7533\u8acb\u624b\u7d9a\u304d\u3001\u8a2d\u8a08\u30fb\u65bd\u5de5\u8a08\u753b\u306e\u7acb\u6848\u3001\u88dc\u52a9\u91d1\u30fb\u512a\u9047\u5236\u5ea6\u306e\u6d3b\u7528\u652f\u63f4\u307e\u3067\u3001\u4e00\u6c17\u901a\u8cab\u3067\u30b5\u30dd\u30fc\u30c8\u3044\u305f\u3057\u307e\u3059\u3002\r\n <\/p>\r\n <p>\r\n \u7279\u306b\u3001\u592a\u967d\u5149\u767a\u96fb\u3084\u84c4\u96fb\u6c60\u306e\u63a5\u7d9a\u691c\u8a0e\u7533\u8acb\u306b\u3064\u3044\u3066\u306f\u3001\u5b89\u4fa1\u304b\u3064\u30b9\u30d4\u30fc\u30c7\u30a3\u306b\u5bfe\u5fdc\u53ef\u80fd\u3067\u3059\u3002\u73fe\u5730\u8abf\u67fb\u3084\u7cfb\u7d71\u8abf\u67fb\u306e\u624b\u914d\u3001\u96fb\u529b\u4f1a\u793e\u3068\u306e\u5354\u8b70\u30fb\u8abf\u6574\u3001\u898b\u7a4d\u53d6\u5f97\u652f\u63f4\u3001\u84c4\u96fb\u6c60\u3092\u542b\u3080\u6a5f\u5668\u9078\u5b9a\u3001\u6cd5\u898f\u5236\u5bfe\u5fdc\uff08\u6761\u4f8b\u30fb\u5efa\u7bc9\u5236\u9650\u7b49\uff09\u306a\u3069\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u7acb\u3061\u4e0a\u3052\u304b\u3089\u904b\u7528\u958b\u59cb\u307e\u3067\u3001\u4f34\u8d70\u578b\u3067\u652f\u63f4\u3044\u305f\u3057\u307e\u3059\u3002\r\n <\/p>\r\n <p>\r\n \u4f4e\u5727\u301c\u9ad8\u5727\u307e\u3067\u3001\u307e\u305f\u4e2d\u5c0f\u4f01\u696d\u304b\u3089\u5927\u898f\u6a21\u6cd5\u4eba\u307e\u3067\u3001\u5e45\u5e83\u304f\u5bfe\u5fdc\u53ef\u80fd\u3067\u3059\u3002\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"service-card\">\r\n <h3>\u7d4c\u55b6\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0<\/h3>\r\n <p>\r\n \u4e8b\u696d\u306e\u8a2d\u8a08\u3084\u53ce\u76ca\u30e2\u30c7\u30eb\u306e\u69cb\u7bc9\u304b\u3089\u3001\u4e8b\u696d\u8a08\u753b\u306e\u7b56\u5b9a\u3001\u8cc7\u91d1\u8abf\u9054\u652f\u63f4\u307e\u3067\u3001\u7d4c\u55b6\u8ab2\u984c\u3092\u4e00\u8cab\u3057\u3066\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002PPA\uff08\u96fb\u529b\u8cfc\u5165\u5951\u7d04\uff09\u3092\u6d3b\u7528\u3057\u305f\u592a\u967d\u5149\u767a\u96fb\u5c0e\u5165\u652f\u63f4\u306e\u3088\u3046\u306b\u3001\u7279\u5b9a\u306e\u5c02\u9580\u5206\u91ce\u306b\u304a\u3051\u308b\u5177\u4f53\u7684\u306a\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u306f\u3082\u3061\u308d\u3093\u306e\u3053\u3068\u3001\u5fa1\u793e\u306e\u30cb\u30fc\u30ba\u306b\u5408\u308f\u305b\u3066\u6700\u9069\u306a\u6226\u7565\u3092\u5e45\u5e83\u304f\u3054\u63d0\u6848\u3057\u307e\u3059\u3002\r\n <\/p>\r\n <p>\r\n \u5236\u5ea6\u5909\u66f4\u3084\u88dc\u52a9\u91d1\u30b9\u30ad\u30fc\u30e0\u306e\u5f71\u97ff\u3092\u6df1\u304f\u5206\u6790\u3057\u3001\u9577\u671f\u7684\u306a\u4e8b\u696d\u904b\u55b6\u3092\u898b\u636e\u3048\u305f\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\u3092\u5b9f\u65bd\u3002\u6295\u8cc7\u56de\u53ce\u3084\u8cc7\u91d1\u7e70\u308a\u306e\u6700\u9069\u5316\u306a\u3069\u3001\u7d4c\u55b6\u7684\u89b3\u70b9\u304b\u3089\u4f34\u8d70\u3057\u3001\u6301\u7d9a\u7684\u306a\u6210\u9577\u3068\u53ce\u76ca\u6700\u5927\u5316\u3092\u529b\u5f37\u304f\u652f\u3048\u307e\u3059\u3002\r\n <\/p>\r\n <\/div>\r\n<\/div>\r\n\r\n <\/section>\r\n\r\n <!-- \u4f1a\u793e\u6982\u8981 -->\r\n <section id=\"company\" class=\"company\">\r\n <div class=\"company-container\">\r\n <div class=\"company-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/kando-inc.co.jp\/wp-content\/uploads\/2025\/05\/984_7.jpg\"\r\n alt=\"\u4f1a\u793e\u30a4\u30e1\u30fc\u30b8\">\r\n <\/div>\r\n\r\n <!-- \u53f3\u30ab\u30e9\u30e0\uff1a\u898b\u51fa\u3057\uff0b\u30c6\u30fc\u30d6\u30eb -->\r\n <div class=\"company-details\">\r\n <h2>\u4f1a\u793e\u6982\u8981<\/h2>\r\n <div class=\"company-info\">\r\n <div class=\"info-grid\">\r\n <div class=\"info-label\">\u4f1a\u793e\u540d<\/div>\r\n <div class=\"info-value\">\u682a\u5f0f\u4f1a\u793eKando<\/div>\r\n \r\n <div class=\"info-label\">\u4ee3\u8868\u8005<\/div>\r\n <div class=\"info-value\">\u4ee3\u8868\u53d6\u7de0\u5f79 \u5b89\u85e4\u5f18\u559c<\/div>\r\n \r\n <div class=\"info-label\">\u8a2d\u7acb\u65e5<\/div>\r\n <div class=\"info-value\">2024\u5e748\u67088\u65e5<\/div>\r\n \r\n <div class=\"info-label\">\u6240\u5728\u5730<\/div>\r\n <div class=\"info-value\">\u3012150-0043 \u6771\u4eac\u90fd\u6e0b\u8c37\u533a\u9053\u7384\u57421-16-6 \u4e8c\u8449\u30d3\u30eb8b<\/div>\r\n \r\n <div class=\"info-label\">\u4e8b\u696d\u5185\u5bb9<\/div>\r\n <div class=\"info-value\">\u518d\u751f\u53ef\u80fd\u30a8\u30cd\u30eb\u30ae\u30fc\u9818\u57df\u306e\u7d4c\u55b6\u30fb\u696d\u52d9\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0<\/div>\r\n <\/div>\r\n <div class=\"certification\">\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \u304a\u554f\u3044\u5408\u308f\u305b -->\r\n <section id=\"contact\" class=\"contact\">\r\n <h2>\u304a\u554f\u3044\u5408\u308f\u305b<\/h2>\r\n <div class=\"contact-info\">\r\n <p>\u304a\u96fb\u8a71\u307e\u305f\u306f\u30e1\u30fc\u30eb\u3088\u308a\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002<\/p>\r\n <p>\r\n <\/div>\r\n <div class=\"contact-methods\">\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\u260e<\/div>\r\n <span>03-6820-5069<\/span>\r\n <\/div>\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\u2709<\/div>\r\n <span>info@kando-inc.co.jp<\/span>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \u30d5\u30c3\u30bf\u30fc -->\r\n <footer>\r\n <p>© 2024 \u682a\u5f0f\u4f1a\u793eKando All Rights Reserved.<\/p>\r\n <\/footer>\t\t\t\t<\/div>\n\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>\u7d4c\u55b6\u8ab2\u984c\u306b\u73fe\u5834\u304b\u3089\u5fdc\u3048\u308b|Kando Kando \u4ee3\u8868\u6328\u62f6 <\/p>\n<p><a href=\"https:\/\/kando-inc.co.jp\/\" class=\"av-btn av-btn-secondary av-btn-bubble\">Continue Reading<span class=\"screen-reader-text\">Elementor #604<\/span><i class=\"fa fa-arrow-right\"><\/i><span class=\"bubble_effect\"><span class=\"circle top-left\"><\/span><span class=\"circle top-left\"><\/span><span class=\"circle top-left\"><\/span><span class=\"button effect-button\"><\/span><span class=\"circle bottom-right\"><\/span><span class=\"circle bottom-right\"><\/span><span class=\"circle bottom-right\"><\/span><\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-604","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kando-inc.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/604","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kando-inc.co.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kando-inc.co.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kando-inc.co.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kando-inc.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=604"}],"version-history":[{"count":91,"href":"https:\/\/kando-inc.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/604\/revisions"}],"predecessor-version":[{"id":728,"href":"https:\/\/kando-inc.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/604\/revisions\/728"}],"wp:attachment":[{"href":"https:\/\/kando-inc.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=604"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}