お問い合わせ

BARIYON

送信完了しました。担当者よりご連絡いたします。 Message sent successfully. We will get back to you soon.

送信に失敗しました。もう一度お試しください。 Failed to send. Please try again later.

お名前NAME *

メールアドレスEMAIL *

件名SUBJECT *

お問い合わせ内容MESSAGE *

ご入力いただいた情報はプライバシーポリシーに基づいて管理されます。 Your info is managed under our Privacy Policy.

営業時間: 平日 10:00 - 18:00 (土日祝除く)

Business Hours: Mon-Fri 10:00 - 18:00 (JST)

font-family:'Rajdhani',sans-serif; background:radial-gradient(circle at 50% 15%, #00f5ff 0%, #021019 50%, #000 100%); color:#e0fefe; overflow-x:hidden; position:relative; line-height:1.7; cursor:none; -webkit-tap-highlight-color: transparent; padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom); } @media (hover: none) and (pointer: coarse) { body { cursor: auto; } .custom-cursor { display:none !important; } } body::before{ content:""; position:fixed; inset:-40%; background: radial-gradient(circle at 15% 10%, rgba(0,255,255,0.18) 0, transparent 55%), radial-gradient(circle at 80% 80%, rgba(0,190,255,0.2) 0, transparent 60%); mix-blend-mode:screen; pointer-events:none; z-index:-3; } body::after{ content:""; position:fixed; inset:0; background:repeating-linear-gradient(to bottom, rgba(255,255,255,0.05) 0px, rgba(255,255,255,0.03) 1px, transparent 2px, transparent 3px); opacity:.25; pointer-events:none; z-index:-1; } .custom-cursor { position:fixed; width:20px; height:20px; border:2px solid #0ff; border-radius:50%; pointer-events:none; z-index:10000; transform:translate(-50%,-50%); transition:width 0.15s ease, height 0.15s ease; box-shadow:0 0 20px rgba(0,255,255,0.6); } .custom-cursor.hover { width:40px; height:40px; background:rgba(0,255,255,0.1); } #particle-canvas { position:fixed; inset:0; z-index:-5; pointer-events:none; } .tron-grid { position:fixed; inset:0; background: linear-gradient(to right, rgba(0,255,255,0.12) 1px, transparent 1px), linear-gradient(to bottom, rgba(0,255,255,0.12) 1px, transparent 1px); background-size:80px 80px; opacity:0.16; transform:perspective(900px) rotateX(70deg) translateY(200px); pointer-events:none; z-index:-4; animation:gridShift 20s linear infinite; } @keyframes gridShift{ 0% { background-position:0 0; } 100%{ background-position:80px 80px; } } .page-transition{ position:fixed; inset:0; background:#000; z-index:9999; pointer-events:none; opacity:0; transition:opacity .5s ease-in-out; } .page-transition.active{ opacity:1; } .scroll-progress{ position:fixed; top:0; left:0; height:3px; width:0%; background:linear-gradient(90deg,#00f5ff,#00b4ff); box-shadow:0 0 12px rgba(0,255,255,0.9); z-index:9999; } /* Header */ header{ position:fixed; top:0; left:0; right:0; display:flex; align-items:center; justify-content:space-between; padding:.9rem 2.4rem; z-index:900; backdrop-filter:blur(16px); background:rgba(0,10,18,0.7); border-bottom:1px solid rgba(0,255,255,0.4); box-shadow:0 0 25px rgba(0,255,255,0.35); } .logo-wrap{ display:flex; align-items:center; gap:.8rem; } .logo-wrap img{ width:40px; height:40px; border-radius:50%; box-shadow:0 0 20px rgba(0,255,255,0.9); animation:logoPulse 3s ease-in-out infinite; } @keyframes logoPulse { 0%, 100% { box-shadow:0 0 20px rgba(0,255,255,0.9); } 50% { box-shadow:0 0 40px rgba(0,255,255,1), 0 0 60px rgba(0,255,255,0.8); } } .logo-text{ display:flex; flex-direction:column; font-size:.75rem; letter-spacing:.18em; color:#7de; } .logo-text span:nth-child(2){ font-size:.96rem; font-weight:900; font-family:'Orbitron', sans-serif; color:#0ff; text-shadow:0 0 8px #0ff; } nav{ display:flex; gap:1.8rem; font-size:.8rem; letter-spacing:.18em; text-transform:uppercase; } nav a{ text-decoration:none; color:#cfe8ff; position:relative; padding:8px 12px; opacity:.85; transition:.25s; } nav a::after{ content:""; position:absolute; left:0; bottom:4px; width:0; height:2px; background:#0ff; box-shadow:0 0 8px #0ff; transition:.25s; } nav a:hover{ opacity:1; color:#fff; } nav a:hover::after{ width:100%; } nav a:active { transform:scale(0.95); } .menu-toggle{ display:none; flex-direction:column; gap:4px; cursor:pointer; padding:12px; margin:-12px; } .menu-toggle span{ width:22px; height:2px; background:#e0fefe; border-radius:999px; transition:.3s; } .menu-toggle.active span:nth-child(1){ transform:rotate(45deg) translate(5px,5px); } .menu-toggle.active span:nth-child(2){ opacity:0; } .menu-toggle.active span:nth-child(3){ transform:rotate(-45deg) translate(5px,-5px); } .mobile-nav{ display:none; position:fixed; top:0; right:0; width:70%; max-width:280px; height:100%; background:rgba(0,8,20,0.96); backdrop-filter:blur(18px); padding:4rem 2rem; border-left:1px solid rgba(0,255,255,0.35); box-shadow:-20px 0 40px rgba(0,0,0,0.9); z-index:880; transform:translateX(100%); transition:transform .35s cubic-bezier(.4,0,.2,1); } .mobile-nav.active{ display:block; transform:translateX(0); } .mobile-nav a{ display:flex; align-items:center; margin-bottom:1.4rem; color:#e0fefe; text-decoration:none; font-size:.9rem; letter-spacing:.16em; text-transform:uppercase; opacity:0; transform:translateX(24px); transition:.35s; position:relative; padding:12px 0 12px 20px; min-height:44px; } .mobile-nav a::before{ content:"▸"; position:absolute; left:0; top:50%; transform:translateY(-50%); color:#0ff; opacity:0; transition:.3s; } .mobile-nav.active a{ opacity:1; transform:translateX(0); } .mobile-nav.active a:nth-child(1){transition-delay:.08s;} .mobile-nav.active a:nth-child(2){transition-delay:.16s;} .mobile-nav a:active{ background:rgba(0,255,255,0.1); } .mobile-nav a:active::before{ opacity:1; } .overlay{ display:none; position:fixed; inset:0; background:rgba(0,0,0,0.6); z-index:870; } .overlay.active{ display:block; } /* Main Content */ main{ min-height:100vh; padding:8rem 2rem 4rem; } .container{ max-width:800px; margin:0 auto; } .page-header{ text-align:center; margin-bottom:3rem; animation:fadeInUp 0.8s ease-out forwards; opacity:0; } @keyframes fadeInUp { to { opacity:1; transform:translateY(0); } } .page-label{ font-size:.8rem; letter-spacing:.28em; text-transform:uppercase; color:#7de; margin-bottom:.6rem; } .page-title{ font-size:2.5rem; font-weight:900; font-family:'Orbitron', sans-serif; color:#fff; text-shadow:0 0 6px #00f5ff, 0 0 16px #00f5ff; margin-bottom:1rem; } .page-lead{ font-size:1rem; color:#d9f7ff; line-height:1.8; max-width:600px; margin:0 auto; } /* Contact Form */ .contact-form{ background:rgba(0,18,26,0.92); border:1px solid rgba(0,255,255,0.3); border-radius:20px; padding:2.5rem; box-shadow:0 0 30px rgba(0,255,255,0.25); animation:fadeInUp 0.8s ease-out forwards; opacity:0; animation-delay:0.2s; } .form-group{ margin-bottom:1.8rem; } .form-group label{ display:block; font-size:.9rem; font-weight:700; color:#8fe6ff; margin-bottom:.5rem; letter-spacing:.05em; } .form-group label .required{ color:#ff6b9d; margin-left:.3rem; } .form-group input, .form-group textarea, .form-group select{ width:100%; padding:.9rem 1.1rem; background:rgba(0,30,45,0.8); border:1px solid rgba(0,255,255,0.3); border-radius:10px; color:#e0fefe; font-size:.95rem; font-family:'Rajdhani',sans-serif; transition:all 0.3s ease; min-height:44px; } .form-group textarea{ min-height:150px; resize:vertical; } .form-group input:focus, .form-group textarea:focus, .form-group select:focus{ outline:none; border-color:#0ff; box-shadow:0 0 15px rgba(0,255,255,0.4); background:rgba(0,40,60,0.9); } .form-group input::placeholder, .form-group textarea::placeholder{ color:#6b9eb8; } .form-submit{ text-align:center; margin-top:2rem; } .btn-submit{ padding:1rem 2.5rem; border-radius:999px; border:none; background:linear-gradient(135deg,#00f5ff,#00b4ff); color:#00131b; font-size:.9rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; cursor:pointer; box-shadow:0 0 15px rgba(0,245,255,0.7), 0 0 35px rgba(0,245,255,0.4); transition:transform 0.2s ease; min-height:50px; min-width:200px; } .btn-submit:active { transform:scale(0.95); } @media (hover: hover) { .btn-submit:hover { transform:scale(1.05); box-shadow:0 0 25px rgba(0,245,255,0.9), 0 0 50px rgba(0,245,255,0.6); } } .btn-submit:disabled{ opacity:0.5; cursor:not-allowed; } .form-note{ margin-top:1.5rem; font-size:.85rem; color:#b7e9ff; line-height:1.8; text-align:center; } .form-note a{ color:#8be4ff; text-decoration:underline; } .success-message, .error-message{ padding:1.2rem; border-radius:10px; margin-bottom:1.5rem; font-size:.95rem; text-align:center; display:none; } .success-message{ background:rgba(0,255,100,0.15); border:1px solid rgba(0,255,100,0.4); color:#6fffc5; } .error-message{ background:rgba(255,50,100,0.15); border:1px solid rgba(255,50,100,0.4); color:#ff9db8; } .success-message.show, .error-message.show{ display:block; animation:slideDown 0.5s ease-out; } @keyframes slideDown{ from{ opacity:0; transform:translateY(-10px); } to{ opacity:1; transform:translateY(0); } } /* Contact Info */ .contact-info{ margin-top:3rem; padding:2rem; background:rgba(0,14,22,0.8); border:1px solid rgba(0,255,255,0.2); border-radius:16px; animation:fadeInUp 0.8s ease-out forwards; opacity:0; animation-delay:0.4s; } .contact-info h3{ font-size:1.2rem; font-family:'Orbitron', sans-serif; color:#c7f9ff; margin-bottom:1rem; } .contact-info p{ font-size:.95rem; color:#ccefff; line-height:1.8; margin-bottom:.8rem; } .contact-info a{ color:#8be4ff; text-decoration:underline; } /* Footer */ footer{ background:#000910; border-top:1px solid rgba(0,255,255,0.25); color:#8ba9c7; text-align:center; padding:1.8rem 1rem 2.4rem; font-size:.8rem; line-height:2; } footer a{ color:#cbe9ff; text-decoration:underline; margin:0 .4rem; transition:color 0.2s ease; padding:4px 6px; border-radius:3px; display:inline-block; } footer a:active { color:#0ff; background:rgba(0,255,255,0.1); } /* Responsive */ @media(max-width:768px){ header{ padding:.7rem 1.2rem; } nav{ display:none; } .menu-toggle{ display:flex; } main{ padding:6rem 1.2rem 3rem; } .page-title{ font-size:2rem; } .contact-form{ padding:1.8rem 1.4rem; } .btn-submit{ width:100%; } } @media(max-width:414px){ main{ padding:5.5rem 1rem 2.5rem; } .page-title{ font-size:1.8rem; } .contact-form{ padding:1.5rem 1.2rem; } .form-group input, .form-group textarea, .form-group select{ padding:.8rem 1rem; } }

HOME WORKS CONTACT

お問い合わせを受け付けました。
担当者より3営業日以内にご連絡いたします。

送信に失敗しました。
お手数ですが、もう一度お試しください。

その他のお問い合わせ方法

営業時間: 平日 10:00 - 18:00 (土日祝日除く)

各サービスのLINE公式アカウントからも直接お問い合わせいただけます。