ごくらくSPA HANARE

当店の特徴②

/* ======================================== FEATURE SECTION (Eye-Catching Luxury) ======================================== */ .feature{ position: relative; padding: 120px 5%; background: linear-gradient(180deg, #faf8f5 0%, #f5f1ea 100%); overflow: hidden; font-family: 'Noto Sans JP', sans-serif; } /* 背景装飾 */ .feature::before{ content:""; position:absolute; top:-150px; right:-150px; width:500px; height:500px; border-radius:50%; background:rgba(213, 181, 122, 0.2); filter:blur(80px); } .feature::after{ content:""; position:absolute; bottom:-150px; left:-150px; width:400px; height:400px; border-radius:50%; background:rgba(255,255,255,.8); filter:blur(60px); } /* ======================================== TITLE (目を引くリッチデザイン) ======================================== */ .feature-title{ position:relative; text-align:center; margin-bottom:90px; z-index:2; } /* 1. 背景の巨大な透かし文字（プロ感・奥行き） */ .feature-title::before { content: "REASON"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -60%); font-size: clamp(4rem, 15vw, 9rem); font-family: 'Noto Serif JP', serif; font-weight: 700; color: rgba(213, 181, 122, 0.06); /* うっすらとしたゴールド */ white-space: nowrap; z-index: -1; pointer-events: none; letter-spacing: 0.1em; } /* FEATUREバッジ */ .feature-title span{ display:inline-block; font-size:.85rem; letter-spacing:4px; color:#b58b47; margin-bottom:20px; font-weight:600; border: 1px solid rgba(181, 139, 71, 0.4); padding: 6px 20px; border-radius: 50px; background: rgba(255,255,255,0.5); } /* 光が走るアニメーション設定 */ @keyframes shineText { 0% { background-position: -200% center; } 100% { background-position: 200% center; } } /* 当店が選ばれる理由 */ .feature-title h2{ font-family: 'Noto Serif JP', serif; font-size:clamp(1.8rem,4vw,3rem); font-weight:600; letter-spacing:.08em; margin-bottom:20px; /* 2. 定期的にゴールドの光がスッと走るリッチなテキスト */ background: linear-gradient( to right, #3d352f 25%, #d5b57a 45%, #d5b57a 55%, #3d352f 75% ); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: shineText 4s linear infinite; /* 左右の装飾を横並びにする設定 */ display: flex; align-items: center; justify-content: center; gap: 15px; } /* 3. タイトルの左右に上品なフェードライン */ .feature-title h2::before, .feature-title h2::after { content: ""; display: block; width: 8vw; /* 画面幅に応じて伸縮 */ max-width: 50px; height: 1px; opacity: 0.6; } .feature-title h2::before { background: linear-gradient(to right, transparent, #d5b57a); } .feature-title h2::after { background: linear-gradient(to left, transparent, #d5b57a); } .feature-title p{ color:#666; line-height:2; font-size:1rem; font-weight: 500; } /* ======================================== GRID ======================================== */ .feature-grid{ position:relative; z-index:2; display:grid; grid-template-columns:repeat(2,1fr); gap: 70px 35px; max-width:1100px; margin:auto; } /* ======================================== CARD ======================================== */ .feature-card{ position:relative; padding: 60px 40px 45px; text-align: center; background: linear-gradient(135deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.7) 100%); border: 1px solid rgba(213, 181, 122, 0.4); border-radius: 20px; backdrop-filter: blur(15px); box-shadow: 0 15px 35px rgba(181, 139, 71, 0.08), inset 0 1px 0 rgba(255,255,255,1); transition: all 0.5s ease; } .feature-card:hover{ transform: translateY(-8px); box-shadow: 0 25px 50px rgba(181, 139, 71, 0.15), inset 0 1px 0 rgba(255,255,255,1); border-color: rgba(213, 181, 122, 0.8); } /* ======================================== NUMBER (Floating Gold Badge with Pulse) ======================================== */ @keyframes pulseGold { 0% { box-shadow: 0 0 0 0 rgba(213, 181, 122, 0.7); } 70% { box-shadow: 0 0 0 15px rgba(213, 181, 122, 0); } 100% { box-shadow: 0 0 0 0 rgba(213, 181, 122, 0); } } .number{ position: absolute; top: -35px; left: 50%; transform: translateX(-50%); width: 70px; height: 70px; border-radius: 50%; background: linear-gradient(135deg, #f3e2b7 0%, #d5b57a 50%, #b58b47 100%); color: #fff; font-family: 'Noto Serif JP', serif; font-size: 1.8rem; font-weight: 600; line-height: 70px; animation: pulseGold 2.5s infinite; transition: all 0.4s ease; } .feature-card:hover .number { transform: translateX(-50%) scale(1.1); } /* ======================================== CARD TITLE ======================================== */ .feature-card h3{ font-family: 'Noto Serif JP', serif; font-size: 1.4rem; color: #3d352f; margin-bottom: 20px; font-weight: 600; letter-spacing: .05em; } .feature-card h3::after { content: ""; display: block; width: 40px; height: 2px; background: #d5b57a; margin: 15px auto 0; } /* ======================================== TEXT ======================================== */ .feature-card p{ color:#5c554e; line-height:1.9; font-size:1rem; } /* ======================================== TABLET & MOBILE ======================================== */ @media(max-width:900px){ .feature{ padding:90px 5%; } .feature-grid{ gap: 60px 25px; } .feature-card{ padding: 50px 30px 35px; } } @media(max-width:768px){ .feature-grid{ grid-template-columns:1fr; gap: 60px; } .feature-title{ margin-bottom:70px; } .feature-title h2 { font-size: 1.5rem; gap: 10px; } .feature-card{ padding: 55px 25px 35px; } .number{ width: 64px; height: 64px; line-height: 64px; font-size: 1.6rem; top: -32px; } .feature-card h3{ font-size:1.3rem; } } FEATURE 当店が選ばれる理由 心地よく働ける環境だからこそ、 安心して長く続けられます。 01 隠れ家的存在 繁華街から少し離れた鶴舞エリアにある知る人ぞ知る隠れ家的なお店です。 02 専用駐車場7台完備 お車での通勤も可能です。専用駐車場を7台完備しているので、安心して通勤できます。 03 リピーターが非常に固い 地域密着型だからこそリピーター様が非常に多く、安定した集客があります。 04 無料送迎付き お仕事終わりも安心。帰りの時間を気にせず、最後までしっかり稼げます。

07/28 19:25

変化がほしい🤔

最近の悩み… 筋肉が大きくならない😭😭 T君BLOG こんにちは、T君です。 最近、地味に悩んでいることがあります。 筋トレしてるのに 筋肉が大きくならない…。 ちゃんとトレーニングもしてるし、ご飯もそれなりに食べてるつもりなんですが、なかなか思うように身体が変わりません😭😭 最初の頃は少しずつ変化があって楽しかったんですが、最近は完全に停滞期。 鏡を見ても「昨日と一緒じゃない？」って思う毎日です。 筋トレあるあるなのか… それとも食べる量が足りないのか… 本気で悩み中です(゜-゜) YouTubeを見たり、SNSで情報を集めたりしていると、人によって言うことがわりと違うんですよね。 「重量を伸ばせ！」 「回数を増やせ！」 「とにかく食べろ！」 「休養が大事！」 結局どれが今の自分に合っているのか分からず、試行錯誤の日々です🥲   もし筋トレに詳しい方がいたら、「これやったら変わったよ！」というおすすめがあればぜひ教えてください！ T君もまだまだ勉強中です💪  

07/28 11:27

未経験でも大丈夫

*{margin:0;padding:0;box-sizing:border-box} /* --- 大人っぽい高級感を出す背景設定 --- */ body{ font-family:'Noto Sans JP',sans-serif; background:#fdfaf6; color:#4b443d; line-height:2; position: relative; overflow-x: hidden; } body::before, body::after { content: ""; position: fixed; border-radius: 50%; filter: blur(100px); z-index: -1; pointer-events: none; animation: floatLight 15s infinite alternate ease-in-out; } body::before { width: 55vw; height: 55vw; top: -10%; left: -15%; background: rgba(213, 181, 122, 0.15); } body::after { width: 65vw; height: 65vw; bottom: -15%; right: -10%; background: rgba(181, 139, 71, 0.12); animation-delay: -7s; } @keyframes floatLight { 0% { transform: translate(0, 0) scale(1); } 100% { transform: translate(40px, 60px) scale(1.1); } } /* 光が走るアニメーション */ @keyframes shineText { 0% { background-position: -200% center; } 100% { background-position: 200% center; } } /* --- 全体共通の黄色い線 --- */ .line { width: 70px; height: 2px; background: #b58b47; margin: 30px auto; } /* --- 英語のサブタイトル装飾（両サイドにライン） --- */ .sub, .eyebrow, .section-head span, .message-box span { display: inline-flex; align-items: center; justify-content: center; gap: 15px; letter-spacing: 5px; color: #b58b47; font-size: 12px; font-weight: 500; } .sub::before, .sub::after, .eyebrow::before, .eyebrow::after, .section-head span::before, .section-head span::after, .message-box span::before, .message-box span::after { content: ""; display: block; width: 35px; height: 1px; background: rgba(181, 139, 71, 0.4); } .sub { margin-bottom: 25px; } .eyebrow { margin-bottom: 15px; } /* --- HERO SECTION --- */ .hero{ height:100vh; min-height:680px; background:linear-gradient(rgba(40,35,30,.55),rgba(40,35,30,.45)),linear-gradient(135deg,#8f806e,#5b5148); display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; padding:30px; } /* ★一番上の大タイトルを目立たせる */ .hero h1{ font-family:'Noto Serif JP',serif; font-size: clamp(34px, 5vw, 52px); /* スマホ〜PCで文字サイズを最適化 */ line-height:1.6; margin-bottom: 20px; /* 白ベースにゴールドの光が走る */ background: linear-gradient(to right, #ffffff 25%, #f3e2b7 50%, #ffffff 75%); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: shineText 5s linear infinite; /* 文字を浮き上がらせる影 */ filter: drop-shadow(0 5px 15px rgba(0,0,0,0.4)); } .hero p{font-size:16px;max-width:600px;margin:auto} .scroll{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);letter-spacing:4px;font-size:12px} section{padding:90px 24px} .wrap{max-width:1100px;margin:auto} .intro{text-align:center} /* ★各セクションのタイトルを目立たせる */ .intro h2, .training h2, .section-head h2, .message-box h3 { font-family:'Noto Serif JP',serif; font-size: clamp(28px, 4vw, 42px); /* サイズを少し大きくしました */ margin: 10px 0 20px; font-weight: 600; /* ダークブラウンにゴールドの光が走る */ background: linear-gradient(to right, #3d352f 25%, #d5b57a 50%, #3d352f 75%); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: shineText 6s linear infinite; } .training{margin-top:20px} .cards{display:flex;flex-direction:column;gap:25px;margin-top:50px} /* --- すりガラス調カード --- */ .card { background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.8); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.03), inset 0 1px 0 rgba(255, 255, 255, 1); padding:40px 50px; width:100%; border-radius: 12px; } .card h3{font-family:'Noto Serif JP',serif;margin:15px 0 10px;color:#3d352f;font-size:22px;} @media(max-width:768px){ .cards{display:flex;flex-direction:column;} .card{padding:35px 24px} } /* --- Part2 --- */ .luxury-section{ padding:90px 25px; background: transparent; font-family:'Noto Sans JP',sans-serif; } .section-head{ text-align:center; margin-bottom:60px; } .lux-card { background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 16px; padding:40px 35px; margin:35px auto; max-width:760px; box-shadow:0 12px 35px rgba(0,0,0,.04), inset 0 1px 0 rgba(255, 255, 255, 1); transition:.4s; } .lux-card:hover{ transform:translateY(-6px); box-shadow:0 20px 45px rgba(181, 139, 71, 0.08), inset 0 1px 0 rgba(255, 255, 255, 1); border-color: rgba(213, 181, 122, 0.4); } .icon{ font-size:22px; color:#b58b47; margin-bottom:15px; } .lux-card h3{ font-family:'Noto Serif JP',serif; font-size:26px; color:#3d352f; margin-bottom:20px; } .lux-card p{ font-size:16px; line-height:2.1; color:#666; margin-bottom:18px; } .note{ margin-top:25px; padding:22px; background:rgba(251, 248, 244, 0.8); border-left:3px solid #b58b47; line-height:2; color:#555; } .message-box{ text-align:center; padding:80px 30px; margin-top:100px; background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border:1px solid rgba(255, 255, 255, 0.8); border-radius: 16px; box-shadow: 0 25px 50px rgba(0,0,0,0.03); } .message-box p{ font-size:16px; line-height:2; color:#666; } .catch{ margin-top:30px; font-family:'Noto Serif JP',serif; font-size:26px; color:#b58b47; } @media(max-width:768px){ .lux-card{padding:35px 24px;} .lux-card h3{font-size:22px;} .message-box{padding: 60px 20px;} .catch{font-size:22px;} } FOR BEGINNERS 未経験から始める上質な エステワーク   充実した研修制度で安心してスタートできる環境をご用意しています。 SCROLL WELCOME あなたらしく働ける場所を 私たちはご用意しています。   経験は問いません。落ち着いた空間で、ひとつひとつ技術を身につけながら安心して高収入を目指せる環境です。 TRAINING PROGRAM 未経験でも安心の 研修制度   ・説明だけで終わる研修ではなく、実践を交えながら学べる研修をご用意しております。 ・０からの未経験者でも短期間でデビュー出来ます。 POINT 01 約2時間で習得 短時間で基礎を身につけられるので、未経験でも安心して始められます。 実際に資料をみながら説明を受けそのまま実際に練習できる工程になっているのでわかりやすく身に付きます。 POINT 02 何度でも講習可能 習得後はすぐ実践へ。頑張った分だけ収入につながります。 基本的に１回の講習で済みますが技術や流れに不安を覚えたらその時は何回でも講習を再度受けることが可能です。 PROFESSIONAL SUPPORT 初めてだから 安心できる環境を。   ✦ 未経験から始めた女性も多数活躍しています 今活躍している女性の中に完全未経験から頑張って連日完売する子もいます。 その女性も最初はすごく不安そうで稼ぎはもちろんのこと、ちゃんと出来るかどうかも心配してましたが今では自信に満ちた表情で活躍されてます。 ✦ 身バレしにくい安心の立地 繁華街から少し離れた落ち着いた環境です。 人通りの多い場所ではないため知り合いと遭遇するリスクを抑えながら 安心して働くことができます。 「身バレが心配…」 そんな方にも安心して ご応募いただける環境をご用意しています。

07/27 18:45