<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>KOTONOYA | 専門資格×AI活用のライティングサービス</title>
<meta name="description" content="金融・IT・防災・運送業の専門資格を持つライターがAI技術を活用し、中小企業向けに正確で効率的なコンテンツを提供。全国対応・Web完結。">
<meta name="keywords" content="ライティング,AI,専門資格,AFP,情報セキュリティ,消防設備士,運行管理者,中小企業,コンテンツ制作">
<meta property="og:title" content="KOTONOYA | 専門資格×AI活用のライティングサービス">
<meta property="og:description" content="金融・IT・防災・運送業の専門資格を持つライターがAI技術を活用し、中小企業向けに正確で効率的なコンテンツを提供">
<meta property="og:type" content="website">
<meta property="og:url" content="https://kotonoya.site">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "LocalBusiness",
"name": "KOTONOYA",
"description": "専門資格とAI技術を活用したライティングサービス",
"url": "https://kotonoya.site",
"telephone": "お問い合わせフォームにて",
"email": "info@kotonoya.site",
"address": {
"@type": "PostalAddress",
"addressLocality": "一宮市",
"addressRegion": "愛知県",
"addressCountry": "JP"
},
"serviceArea": {
"@type": "Country",
"name": "Japan"
},
"priceRange": "要相談",
"openingHours": "Mo-Fr 09:00-18:00"
}
</script>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', sans-serif;
line-height: 1.6;
color: #333;
background-color: #fff;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
/* ヘロセクション */
.hero {
background: linear-gradient(135deg, #2C5AA0 0%, #1e3a6f 100%);
color: white;
padding: 100px 0;
position: relative;
overflow: hidden;
}
.hero::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><defs><pattern id="grid" width="50" height="50" patternUnits="userSpaceOnUse"><path d="M 50 0 L 0 0 0 50" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
opacity: 0.3;
}
.hero-content {
position: relative;
z-index: 2;
text-align: center;
animation: fadeInUp 1s ease-out;
}
.hero h1 {
font-size: 3.5rem;
font-weight: 700;
margin-bottom: 20px;
line-height: 1.2;
}
.hero-subtitle {
font-size: 1.3rem;
margin-bottom: 40px;
opacity: 0.9;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.cta-buttons {
display: flex;
gap: 20px;
justify-content: center;
flex-wrap: wrap;
}
.btn {
display: inline-block;
padding: 15px 30px;
border-radius: 50px;
text-decoration: none;
font-weight: 600;
transition: all 0.3s ease;
border: 2px solid transparent;
cursor: pointer;
}
.btn-primary {
background: #FFD700;
color: #2C5AA0;
box-shadow: 0 4px 15px rgba(255, 215, 0, 0.3);
}
.btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(255, 215, 0, 0.4);
}
.btn-secondary {
background: transparent;
color: white;
border: 2px solid white;
}
.btn-secondary:hover {
background: white;
color: #2C5AA0;
}
/* 強みセクション */
.strengths {
padding: 100px 0;
background: #f8f9fa;
}
.section-title {
text-align: center;
margin-bottom: 60px;
}
.section-title h2 {
font-size: 2.5rem;
color: #2C5AA0;
margin-bottom: 20px;
}
.section-subtitle {
font-size: 1.1rem;
color: #6c757d;
max-width: 600px;
margin: 0 auto;
}
.strengths-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 40px;
margin-top: 60px;
}
.strength-card {
background: white;
padding: 40px;
border-radius: 20px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
border-top: 4px solid #2C5AA0;
}
.strength-card:hover {
transform: translateY(-10px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}
.strength-icon {
font-size: 3rem;
margin-bottom: 20px;
display: block;
}
.strength-card h3 {
font-size: 1.5rem;
color: #2C5AA0;
margin-bottom: 15px;
}
.strength-card p {
color: #6c757d;
line-height: 1.7;
}
/* サービスセクション */
.services {
padding: 100px 0;
background: white;
}
.services-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
margin-top: 60px;
}
.service-card {
background: linear-gradient(145deg, #ffffff 0%, #f8f9fa 100%);
padding: 30px;
border-radius: 15px;
border: 1px solid #e9ecef;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.service-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(90deg, #2C5AA0, #FFD700);
}
.service-card:hover {
transform: translateY(-5px);
box-shadow: 0 15px 35px rgba(44, 90, 160, 0.1);
}
.service-icon {
font-size: 2.5rem;
margin-bottom: 20px;
color: #2C5AA0;
}
.service-card h3 {
font-size: 1.3rem;
color: #2C5AA0;
margin-bottom: 15px;
}
.service-card ul {
list-style: none;
padding: 0;
}
.service-card li {
padding: 5px 0;
color: #6c757d;
position: relative;
padding-left: 20px;
}
.service-card li::before {
content: '✓';
position: absolute;
left: 0;
color: #FFD700;
font-weight: bold;
}
/* 専門分野セクション */
.expertise {
padding: 100px 0;
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}
.expertise-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 30px;
margin-top: 60px;
}
.expertise-card {
background: white;
padding: 30px;
border-radius: 15px;
text-align: center;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
}
.expertise-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}
.expertise-icon {
font-size: 3rem;
margin-bottom: 20px;
color: #2C5AA0;
}
.expertise-card h3 {
color: #2C5AA0;
margin-bottom: 10px;
}
.expertise-badge {
background: #FFD700;
color: #2C5AA0;
padding: 5px 15px;
border-radius: 20px;
font-size: 0.9rem;
font-weight: 600;
margin-bottom: 15px;
display: inline-block;
}
/* お客様の声セクション */
.testimonials {
padding: 100px 0;
background: white;
}
.testimonials-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 30px;
margin-top: 60px;
}
.testimonial-card {
background: #f8f9fa;
padding: 30px;
border-radius: 15px;
position: relative;
border-left: 4px solid #FFD700;
}
.testimonial-card::before {
content: '"';
font-size: 4rem;
color: #FFD700;
position: absolute;
top: 10px;
left: 20px;
opacity: 0.3;
}
.testimonial-text {
font-style: italic;
margin-bottom: 20px;
position: relative;
z-index: 2;
}
.testimonial-author {
font-weight: 600;
color: #2C5AA0;
}
/* CTAセクション */
.cta-section {
padding: 100px 0;
background: linear-gradient(135deg, #2C5AA0 0%, #1e3a6f 100%);
color: white;
text-align: center;
}
.cta-section h2 {
font-size: 2.5rem;
margin-bottom: 20px;
}
.cta-section p {
font-size: 1.2rem;
margin-bottom: 40px;
opacity: 0.9;
}
/* フローセクション */
.flow {
padding: 100px 0;
background: #f8f9fa;
}
.flow-steps {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 40px;
margin-top: 60px;
}
.flow-step {
text-align: center;
position: relative;
}
.flow-number {
width: 60px;
height: 60px;
background: #2C5AA0;
color: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
font-weight: bold;
margin: 0 auto 20px;
}
.flow-step h3 {
color: #2C5AA0;
margin-bottom: 15px;
}
.payment-button {
display: inline-block;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 15px 30px;
border-radius: 8px;
text-decoration: none;
font-weight: bold;
font-size: 18px;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
border: none;
cursor: pointer;
}
.payment-button:hover {
background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
color: white;
text-decoration: none;
}
</style>
<!-- キッチンカーBCP作成サービスCTAセクション -->
<style>
.bcp-service-cta {
background: linear-gradient(135deg, #00796b 0%, #009688 100%);
color: #ffffff;
padding: 40px 30px;
border-radius: 12px;
margin: 40px 0;
box-shadow: 0 10px 25px rgba(0,0,0,0.1);
position: relative;
overflow: hidden;
}
.bcp-service-cta::before {
content: '';
position: absolute;
top: -50%;
right: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
animation: bcp-rotate 20s linear infinite;
}
@keyframes bcp-rotate {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.bcp-service-content {
position: relative;
z-index: 1;
text-align: center;
}
.bcp-service-title {
font-size: 1.8rem;
font-weight: bold;
margin-bottom: 15px;
text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.bcp-service-subtitle {
font-size: 1.1rem;
margin-bottom: 25px;
opacity: 0.95;
}
.bcp-service-features {
display: flex;
justify-content: center;
gap: 30px;
margin-bottom: 30px;
flex-wrap: wrap;
}
.bcp-feature {
display: flex;
align-items: center;
gap: 8px;
background: rgba(255,255,255,0.15);
padding: 8px 16px;
border-radius: 20px;
backdrop-filter: blur(10px);
}
.bcp-feature-icon {
font-size: 1.2rem;
}
.bcp-price-tag {
display: inline-block;
font-size: 2.2rem;
font-weight: bold;
margin-bottom: 25px;
position: relative;
}
.bcp-price-tag small {
font-size: 0.9rem;
font-weight: normal;
opacity: 0.9;
}
.bcp-cta-button {
display: inline-block;
background: #ffffff;
color: #00796b;
padding: 16px 40px;
border-radius: 30px;
text-decoration: none;
font-weight: bold;
font-size: 1.1rem;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}
.bcp-cta-button:hover {
transform: translateY(-3px);
box-shadow: 0 6px 20px rgba(0,0,0,0.25);
color: #00796b;
text-decoration: none;
}
.bcp-urgency-text {
margin-top: 20px;
font-size: 0.95rem;
opacity: 0.9;
}
@media (max-width: 768px) {
.bcp-service-cta {
padding: 30px 20px;
}
.bcp-service-title {
font-size: 1.5rem;
}
.bcp-service-features {
flex-direction: column;
gap: 10px;
}
.bcp-feature {
justify-content: center;
}
}
</style>
</head>
<body>
<section class="hero">
<div class="container">
<div class="hero-content">
<h1>専門知識とAI技術で<br>正確で効率的なコンテンツを提供</h1>
<p class="hero-subtitle">
金融・IT・防災・運送業の専門資格を持つライターが<br>
生成AIを活用し、中小企業の成長を文章でサポートします
</p>
<div class="cta-buttons">
<a href="#contact" class="btn btn-primary">無料相談・お見積り依頼</a>
<a href="#services" class="btn btn-secondary">サービス詳細を見る</a>
</div>
</div>
</div>
</section>
<section class="strengths scroll-animate">
<div class="container">
<div class="section-title">
<h2>選ばれる3つの理由</h2>
<p class="section-subtitle">専門性・効率性・企業理解の3つの強みで、質の高いコンテンツをお届けします</p>
</div>
<div class="strengths-grid">
<div class="strength-card">
<span class="strength-icon">💎</span>
<h3>専門性の高いライティング</h3>
<p><strong>4分野の国家資格・民間資格保有</strong><br>
金融（AFP）・IT（情報セキュリティ）・防災（消防設備士）・運送（運行管理者）の専門知識で、正確で信頼性の高いコンテンツを作成</p>
</div>
<div class="strength-card">
<span class="strength-icon">⚡</span>
<h3>AI活用による迅速対応</h3>
<p><strong>最新AI技術との協働</strong><br>
生成AIを効果的に活用し、高品質な記事を短期間で納品。従来の半分の時間で、より良いコンテンツを提供</p>
</div>
<div class="strength-card">
<span class="strength-icon">🎯</span>
<h3>中小企業に特化したサポート</h3>
<p><strong>成長企業のパートナー</strong><br>
中小企業・個人事業主の課題を理解し、限られた予算でも最大効果を生むコンテンツ戦略を提案</p>
</div>
</div>
</div>
</section>
<section class="services scroll-animate" id="services">
<div class="container">
<div class="section-title">
<h2>提供サービス</h2>
<p class="section-subtitle">専門知識とAI技術を組み合わせた3つの主力サービス</p>
</div>
<div class="services-grid">
<div class="service-card">
<div class="service-icon">📝</div>
<h3>専門記事ライティング</h3>
<ul>
<li>金融・保険関連記事（AFP資格活用）</li>
<li>IT・セキュリティ関連記事</li>
<li>防災・安全管理コンテンツ</li>
<li>運送・物流業界記事</li>
<li>SEO対策記事・ブログ投稿</li>
</ul>
</div>
<div class="service-card">
<div class="service-icon">💰</div>
<h3>ファイナンシャル・プランニング</h3>
<ul>
<li>家計改善提案書作成</li>
<li>投資・保険相談資料</li>
<li>企業向けリスク管理提案</li>
<li>退職金・企業年金制度設計</li>
<li>金融商品比較レポート</li>
</ul>
</div>
<div class="service-card">
<div class="service-icon">🤖</div>
<h3>AI活用コンサルティング</h3>
<ul>
<li>AI活用による業務効率化提案</li>
<li>コンテンツ制作の自動化支援</li>
<li>ChatGPT等のツール導入サポート</li>
<li>AI時代のライティング戦略</li>
<li>社内AI活用ルール策定</li>
</ul>
</div>
</div>
</div>
</section>
<section class="expertise scroll-animate">
<div class="container">
<div class="section-title">
<h2>対応分野・専門領域</h2>
<p class="section-subtitle">4つの専門資格による確かな知識でサポート</p>
</div>
<div class="expertise-grid">
<div class="expertise-card">
<div class="expertise-icon">🏛️</div>
<h3>金融・保険業界</h3>
<div class="expertise-badge">AFP資格保有</div>
<p>投資・資産運用、保険商品解説、家計管理・節約術、相続・税制関連コンテンツ</p>
</div>
<div class="expertise-card">
<div class="expertise-icon">💻</div>
<h3>IT・情報セキュリティ</h3>
<div class="expertise-badge">情報セキュリティマネジメント</div>
<p>IT製品・サービス紹介、セキュリティ対策解説、DX推進支援、システム導入事例</p>
</div>
<div class="expertise-card">
<div class="expertise-icon">🔥</div>
<h3>防災・安全管理</h3>
<div class="expertise-badge">消防設備士・防火防災管理者</div>
<p>企業向け防災対策、安全管理マニュアル、BCP（事業継続計画）、災害対策ガイドライン</p>
</div>
<div class="expertise-card">
<div class="expertise-icon">🚛</div>
<h3>運送・物流業界</h3>
<div class="expertise-badge">運行管理者・業界経験</div>
<p>物流効率化記事、運送業界ニュース解説、ドライバー向けコンテンツ、物流システム紹介</p>
</div>
</div>
</div>
</section>
<section class="testimonials scroll-animate">
<div class="container">
<div class="section-title">
<h2>お客様の声</h2>
<p class="section-subtitle">実際にご利用いただいたお客様からの評価</p>
</div>
<div class="testimonials-grid">
<div class="testimonial-card">
<p class="testimonial-text">IT関連の専門記事を依頼しましたが、技術的な内容を分かりやすく説明していただき、お客様からの問い合わせが30%増加しました。AI活用により短期間での納品も助かっています。</p>
<p class="testimonial-author">株式会社T様（製造業）</p>
</div>
<div class="testimonial-card">
<p class="testimonial-text">業界経験のあるライターさんで、現場の実情を理解した記事を書いていただけます。ドライバー採用サイトのコンテンツ制作で、応募者数が2倍になりました。</p>
<p class="testimonial-author">A商事様（運送業）</p>
</div>
<div class="testimonial-card">
<p class="testimonial-text">AFP資格をお持ちということで、金融関連のブログ記事をお願いしました。専門用語の使い方が的確で、読者からの信頼度が格段に上がったと感じています。</p>
<p class="testimonial-author">個人事業主 U様</p>
</div>
</div>
</div>
</section>
<section style="background: linear-gradient(135deg, #fff5f0 0%, #fff8f5 100%); padding: 60px 20px; margin: 40px 0; border-radius: 20px; box-shadow: 0 8px 30px rgba(255, 107, 53, 0.1);">
<div style="max-width: 800px; margin: 0 auto; text-align: center;">
<div style="background: linear-gradient(45deg, #ff6b35, #f7931e); color: white; padding: 15px 30px; border-radius: 50px; display: inline-block; margin-bottom: 30px; box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);">
<h3 style="margin: 0; font-size: 20px; font-weight: bold;">🔥 専門資格×AI記事作成サービス</h3>
</div>
<div style="margin-bottom: 30px;">
<p style="font-size: 18px; color: #333; margin-bottom: 15px; font-weight: bold;">
4つの専門分野すべてに対応可能
</p>
<div class="four-fields-grid" style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 20px;">
<div style="background: linear-gradient(45deg, #007cba, #0096c7); color: white; padding: 8px; border-radius: 8px; font-size: 12px; font-weight: bold;">
💰 金融・保険<br><span style="font-size: 10px;">AFP資格活用</span>
</div>
<div style="background: linear-gradient(45deg, #28a745, #20c997); color: white; padding: 8px; border-radius: 8px; font-size: 12px; font-weight: bold;">
💻 IT・セキュリティ<br><span style="font-size: 10px;">情報セキュリティ資格</span>
</div>
<div style="background: linear-gradient(45deg, #ff6b35, #f7931e); color: white; padding: 8px; border-radius: 8px; font-size: 12px; font-weight: bold;">
🚨 防災・BCP<br><span style="font-size: 10px;">消防設備士資格</span>
</div>
<div style="background: linear-gradient(45deg, #6f42c1, #8e44ad); color: white; padding: 8px; border-radius: 8px; font-size: 12px; font-weight: bold;">
🚛 運送・物流<br><span style="font-size: 10px;">運行管理者資格</span>
</div>
</div>
</div>
<div style="margin-bottom: 30px;">
<p style="font-size: 16px; color: #666; margin-bottom: 10px;">
<span style="text-decoration: line-through; color: #999;">通常価格 ¥50,000</span>
</p>
<p style="font-size: 32px; color: #e74c3c; font-weight: bold; margin: 0;">
初回限定 ¥15,000
</p>
<p style="font-size: 14px; color: #ff6b35; margin-top: 5px;">
※ 現在新規受付中止中【再開未定】
</p>
</div>
<div style="background: white; padding: 25px; border-radius: 15px; margin-bottom: 40px; box-shadow: 0 4px 15px rgba(0,0,0,0.05);">
<h4 style="color: #333; margin-bottom: 20px; font-size: 18px;">サービス内容</h4>
<div class="service-grid" style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; margin-bottom: 20px;">
<div style="text-align: left;">
<strong style="color: #ff6b35;">✅ 文字数</strong><br>
3,000-5,000字
</div>
<div style="text-align: left;">
<strong style="color: #ff6b35;">✅ 納期</strong><br>
7-10営業日
</div>
<div style="text-align: left;">
<strong style="color: #ff6b35;">✅ 修正</strong><br>
2回まで無料
</div>
<div style="text-align: left;">
<strong style="color: #ff6b35;">✅ SEO対策</strong><br>
最適化済み
</div>
</div>
<p style="font-size: 14px; color: #666; margin: 0; text-align: left;">
<strong>対応テーマ例：</strong> 投資・保険商品解説 / DX・サイバーセキュリティ / BCP・防災対策 / 物流効率化・運送法規 など
</p>
</div>
<div class="cta-buttons">
<div style="background: linear-gradient(135deg, #ff6b35, #f7931e); padding: 25px; border-radius: 15px; box-shadow: 0 6px 20px rgba(255, 107, 53, 0.3);">
<h5 style="color: white; margin: 0 0 15px 0; font-size: 16px; font-weight: bold;">🚀 今すぐ発注する</h5>
<p style="color: white; font-size: 13px; margin: 0 0 15px 0; opacity: 0.9;">分野は注文後にヒアリング</p>
<a href="https://buy.stripe.com/28EdRacbW2cvcsU21sbEA00"
class="payment-button"
target="_blank"
rel="noopener noreferrer">今すぐ発注する</a>
</div>
<div style="background: linear-gradient(135deg, #007cba, #0096c7); padding: 25px; border-radius: 15px; box-shadow: 0 6px 20px rgba(0, 123, 186, 0.3);">
<h5 style="color: white; margin: 0 0 15px 0; font-size: 16px; font-weight: bold;">💬 まずは無料相談</h5>
<p style="color: white; font-size: 13px; margin: 0 0 15px 0; opacity: 0.9;">内容・料金について相談</p>
<a href="https://forms.gle/QA9sNyQFBch3qvBb6" style="background: white; color: #007cba; padding: 12px 24px; border-radius: 25px; text-decoration: none; font-weight: bold; display: inline-block; transition: all 0.3s ease;">無料相談する</a>
</div>
</div>
<div style="display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; margin-top: 30px;">
<span style="font-size: 12px; color: #28a745;">🔒 SSL暗号化決済</span>
<span style="font-size: 12px; color: #28a745;">💳 Stripe安心決済</span>
<span style="font-size: 12px; color: #28a745;">📞 24時間以内返信</span>
</div>
</div>
</section>
<section class="flow scroll-animate">
<div class="container">
<div class="section-title">
<h2>制作フロー</h2>
<p class="section-subtitle">お問い合わせから納品まで、4つのステップで進行</p>
</div>
<div class="flow-steps">
<div class="flow-step">
<div class="flow-number">1</div>
<h3>無料相談・ヒアリング</h3>
<p>お客様の課題と目標を詳しくお聞きし、業界・事業内容を確認します</p>
</div>
<div class="flow-step">
<div class="flow-number">2</div>
<h3>企画・構成提案</h3>
<p>専門知識を活かした最適な企画とAI活用による効率化プランをご提案</p>
</div>
<div class="flow-step">
<div class="flow-number">3</div>
<h3>制作・納品</h3>
<p>AI活用で迅速に初稿作成し、専門知識による事実確認・校正を経て納品</p>
</div>
<div class="flow-step">
<div class="flow-number">4</div>
<h3>効果測定・改善提案</h3>
<p>継続的なサポートで成果を測定し、次回コンテンツの戦略を提案</p>
</div>
</div>
</div>
</section>
<div class="bcp-service-cta">
<div class="bcp-service-content">
<h3 class="bcp-service-title">🚚 キッチンカーBCP作成サービス</h3>
<p class="bcp-service-subtitle">
たった10分のヒアリングで、あなた専用の事業継続計画が完成
</p>
<div class="bcp-service-features">
<div class="bcp-feature">
<span class="bcp-feature-icon">📋</span>
<span>完成版BCP</span>
</div>
<div class="bcp-feature">
<span class="bcp-feature-icon">💰</span>
<span>資金シミュレータ付</span>
</div>
<div class="bcp-feature">
<span class="bcp-feature-icon">✅</span>
<span>5営業日納品</span>
</div>
</div>
<div class="bcp-price-tag">
¥15,000<small>（税込）</small>
</div>
<a href="https://buy.stripe.com/3cI7sMa3O8ATdwYcG6bEA02" class="bcp-cta-button">
今すぐBCPを作成する →
</a>
<p class="bcp-urgency-text">
※ 消防法・労働安全衛生法に完全対応<br>
4つの国家資格を持つ専門家があなたの事業を守ります
</p>
</div>
</div>
<!-- 大型CTA -->
<div style="background: linear-gradient(135deg, #ff6b6b 0%, #ff8e53 100%); padding: 40px 30px; border-radius: 12px; margin: 40px 0; box-shadow: 0 10px 30px rgba(0,0,0,0.2); position: relative; overflow: hidden;">
<div style="position: absolute; top: -20px; right: -20px; background: #ffeb3b; color: #d32f2f; padding: 10px 20px; border-radius: 50px; font-weight: bold; transform: rotate(15deg); box-shadow: 0 4px 10px rgba(0,0,0,0.2);">
期間限定
</div>
<div style="text-align: center; position: relative; z-index: 1;">
<h2 style="color: #ffffff; font-size: 28px; margin-bottom: 15px; text-shadow: 2px 2px 4px rgba(0,0,0,0.3);">
🔥 キッチンカー火災リスクを完全排除！
</h2>
<p style="color: #ffffff; font-size: 18px; margin-bottom: 25px; opacity: 0.95;">
<strong>たった10分</strong>で、あなた専用の安全管理BCPが完成<br>
4つの国家資格保有者が開発した<strong>穴埋め式テンプレート</strong>
</p>
<div style="background: rgba(255,255,255,0.2); padding: 20px; border-radius: 8px; margin-bottom: 25px; backdrop-filter: blur(10px);">
<p style="color: #ffffff; margin: 0; font-size: 16px;">
✅ Word版BCPテンプレート<br>
✅ Excel版メンテナンス記録簿<br>
✅ ChatGPTプロンプト10選<br>
✅ 1,000円添削サービス付き
</p>
</div>
<div style="margin-bottom: 20px;">
<span style="text-decoration: line-through; color: rgba(255,255,255,0.7); font-size: 20px;">通常価格 5,000円</span>
<span style="color: #ffffff; font-size: 36px; font-weight: bold; margin-left: 15px;">→ 3,000円</span>
</div>
<a href="https://note.com/kotonoya_bcp/n/n6771b4a6636c" target="_blank" style="display: inline-block; background: #ffffff; color: #ff6b6b; padding: 18px 50px; border-radius: 50px; text-decoration: none; font-weight: bold; font-size: 20px; box-shadow: 0 5px 20px rgba(0,0,0,0.3); transition: all 0.3s;">
今すぐ購入して安心を手に入れる →
</a>
<p style="color: rgba(255,255,255,0.9); font-size: 14px; margin-top: 15px;">
※ 27件のキッチンカー火災、その70%は防げた事故でした
</p>
</div>
</div>
<section class="cta-section" id="contact">
<div class="container">
<h2>無料相談受付中！</h2>
<p>あなたのビジネスに最適なコンテンツ戦略を提案します<br>
まずはお気軽にお問い合わせください</p>
<div class="cta-buttons">
<a href="https://forms.gle/QA9sNyQFBch3qvBb6" class="btn btn-primary">今すぐ無料相談・お見積り依頼</a>
</div>
<p style="margin-top: 30px; opacity: 0.8;">
<strong>対応時間：</strong>平日 9:00-18:00（土日祝応相談）<br>
<strong>レスポンス目安：</strong>24時間以内
</p>
</div>
</section>
<!-- 公式LINE基本CTA --> <div style="background: linear-gradient(135deg, #00b900 0%, #00a000 100%); padding: 30px 25px; border-radius: 12px; margin: 40px 0; box-shadow: 0 8px 25px rgba(0,185,0,0.3); text-align: center; position: relative; overflow: hidden;"> <div style="position: absolute; top: -50%; right: -50%; width: 100%; height: 100%; background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%); pointer-events: none;"></div> <h3 style="color: #ffffff; font-size: 24px; margin-bottom: 15px; font-weight: bold;"> 📋無料チェックリスト配布中！ </h3> <p style="color: #ffffff; font-size: 16px; margin-bottom: 25px; opacity: 0.95;"> 公式LINEで役立つ情報配信中</p> <a href="https://lin.ee/2zgrrJ0" target="_blank" style="display: inline-block; background: #ffffff; color: #00b900; padding: 15px 40px; border-radius: 50px; text-decoration: none; font-weight: bold; font-size: 18px; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(0,0,0,0.2);"> 📱 公式LINE無料登録 → </a> </div>
<script>
// スクロールアニメーション
const observerOptions = {
threshold: 0.1,
rootMargin: '0px 0px -50px 0px'
};
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('in-view');
}
});
}, observerOptions);
document.querySelectorAll('.scroll-animate').forEach(el => {
observer.observe(el);
});
// スムーススクロール
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
const target = document.querySelector(this.getAttribute('href'));
if (target) {
target.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
});
});
</script>
</body>
</html>