Added tokushoho

This commit is contained in:
qingjie.du
2025-12-09 22:21:03 +09:00
parent 94bb9f56c6
commit 253b37b0ed
2 changed files with 390 additions and 0 deletions

View File

@@ -0,0 +1,377 @@
<!DOCTYPE html>
<html
lang="ja"
class="light-style"
>
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0"
/>
<title>特定商取引法に基づく表記 - ContextWizard - amiPro</title>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-850DCHX9EJ"></script>
<script>
globalThis.dataLayer = globalThis.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-850DCHX9EJ');
</script>
<meta name="description" content="ContextWizard Chrome拡張機能の特定商取引法に基づく表記通信販売に関する表示事項" />
<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="files/favicon.ico" />
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap"
rel="stylesheet"
/>
<!-- Icons. Uncomment required icon fonts -->
<link rel="stylesheet" href="files/boxicons.css?v=20230405" />
<!-- Core CSS -->
<link rel="stylesheet" href="files/core.css" class="template-customizer-core-css" />
<link rel="stylesheet" href="files/theme-default.css" class="template-customizer-theme-css" />
<link rel="stylesheet" href="files/demo.css" />
<link rel="stylesheet" href="files/modern.css" />
<!-- Vendors CSS -->
<link rel="stylesheet" href="files/perfect-scrollbar.css" />
<!-- Page CSS -->
<!-- Helpers -->
<script src="files/helpers.js"></script>
<style>
body {
color: #1f2a37;
background-color: #f5f7fb;
}
.tokushoho-content .card {
border: none;
border-radius: 1rem;
box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
background-color: #ffffff;
}
.tokushoho-content .card-header {
background: transparent;
border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}
.tokushoho-content .card-title {
color: #0f172a;
font-weight: 600;
}
.tokushoho-content .card-body,
.tokushoho-content .card-body p,
.tokushoho-content .card-body li,
.tokushoho-content .card-body td,
.tokushoho-content .card-body th {
color: #1f2937;
font-size: 1rem;
line-height: 1.7;
}
.tokushoho-content .card-body ul {
padding-left: 1.25rem;
}
.tokushoho-content table {
border-color: rgba(15, 23, 42, 0.1);
}
.tokushoho-content table th {
background-color: #f8fafc;
font-weight: 600;
white-space: nowrap;
width: 200px;
}
.hero__text,
.hero__text .hero__title,
.hero__text p,
.hero__eyebrow,
.hero__chips .hero-chip {
color: #f8fafc;
}
.hero__text .hero__title {
text-shadow: 0 4px 24px rgba(15, 23, 42, 0.35);
}
.hero__chips .hero-chip {
background: rgba(255, 255, 255, 0.12);
border-color: rgba(255, 255, 255, 0.2);
}
.hero__device h4,
.hero__device p {
color: #e2e8f0;
}
</style>
<!--! Template customizer & Theme config files MUST be included after core stylesheets and helpers.js in the <head> section -->
<!--? Config: Mandatory theme config file contain global vars & default theme options, Set your preferred theme option in this file. -->
<script src="files/config.js"></script>
<script src="files/jquery.js"></script>
<script src="files/popper.js"></script>
<script src="files/bootstrap.js"></script>
<script src="files/perfect-scrollbar.js"></script>
<script src="files/menu.js"></script>
<script src="files/main.js"></script>
<script src="files/ua-parser.js"></script>
<script src="files/amipro_utils.js?v=20230401402"></script>
<script>
window.onload = async function() {
initRevealAnimations();
}
</script>
</head>
<body>
<!-- Layout wrapper -->
<div class="layout-wrapper layout-content-navbar">
<div class="layout-container">
<!-- Layout container -->
<div class="layout-page">
<!-- Navbar -->
<!-- / Navbar -->
<!-- Content wrapper -->
<div class="content-wrapper">
<!-- Content -->
<div style="margin: 24px;">
<section class="hero reveal">
<div class="hero__text" data-animate>
<span class="hero__eyebrow">ContextWizard · 法的情報</span>
<h1 class="hero__title">特定商取引法に基づく表記</h1>
<p class="hero__lead">
ContextWizard Chrome拡張機能の有料アップグレードに関する、
特定商取引法に基づく販売業者情報および取引条件の表示です。
</p>
<div class="hero__chips">
<span class="hero-chip">日本国内向け</span>
<span class="hero-chip">安全なカード決済</span>
<span class="hero-chip">買い切りプラン</span>
</div>
</div>
<div class="hero__media" data-animate>
<div class="hero__orb"></div>
<div class="hero__device">
<h4>通信販売に関する表示事項</h4>
<p>
お客様に安心してお取引いただくため、販売条件・返品ポリシー等を明記しています。
</p>
<div class="hero__chips" style="margin-top: 1.5rem;">
<span class="hero-chip">明瞭な価格表示</span>
<span class="hero-chip">即時利用可能</span>
<span class="hero-chip">安心サポート</span>
</div>
</div>
</div>
</section>
<div class="alert alert-info d-flex align-items-center" role="alert" style="margin-top: 24px;">
<i class="bx bx-calendar bx-sm me-2"></i>
<div>
<strong>最終更新日:</strong>2025年12月9日
</div>
</div>
<article class="tokushoho-content" style="margin-top: 24px;">
<section class="card mb-4 reveal" data-animate>
<div class="card-header">
<h2 class="card-title" style="margin: 0;">販売業者情報</h2>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-bordered">
<tbody>
<tr>
<th>販売業者</th>
<td>amiPro, LLC</td>
</tr>
<tr>
<th>運営統括責任者</th>
<td>石 李</td>
</tr>
<tr>
<th>所在地</th>
<td>〒150-0001<br>東京都渋谷区神宮前六丁目23番4号桑野ビル2階</td>
</tr>
<tr>
<th>電話番号</th>
<td>03-6869-2796<br><small class="text-muted">(受付時間:平日 10:00〜18:00</small></td>
</tr>
<tr>
<th>メールアドレス</th>
<td><a href="mailto:support@amipro.me">support@amipro.me</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<section class="card mb-4 reveal" data-animate>
<div class="card-header">
<h2 class="card-title" style="margin: 0;">商品・料金について</h2>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-bordered">
<tbody>
<tr>
<th>商品名</th>
<td>ContextWizard Pro アップグレード</td>
</tr>
<tr>
<th>販売価格</th>
<td><strong>500円税込</strong><br><small class="text-muted">※買い切り型のため、追加料金や月額費用は発生しません</small></td>
</tr>
<tr>
<th>商品代金以外の必要料金</th>
<td>なし</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<section class="card mb-4 reveal" data-animate>
<div class="card-header">
<h2 class="card-title" style="margin: 0;">お支払いについて</h2>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-bordered">
<tbody>
<tr>
<th>支払方法</th>
<td>
クレジットカード<br>
<small class="text-muted">
<i class="bx bxl-visa" style="font-size: 1.5rem; vertical-align: middle;"></i>
<i class="bx bxl-mastercard" style="font-size: 1.5rem; vertical-align: middle;"></i>
Visa / Mastercard / JCB / American Express
</small>
</td>
</tr>
<tr>
<th>支払時期</th>
<td>購入手続き完了時に即時決済</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<section class="card mb-4 reveal" data-animate>
<div class="card-header">
<h2 class="card-title" style="margin: 0;">商品の引渡しについて</h2>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-bordered">
<tbody>
<tr>
<th>引渡時期</th>
<td>決済完了後、即時ご利用いただけます<br><small class="text-muted">※拡張機能内でPro機能が自動的に有効化されます</small></td>
</tr>
<tr>
<th>引渡方法</th>
<td>デジタルコンテンツのオンライン提供<br><small class="text-muted">※物理的な商品の配送はありません</small></td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<section class="card mb-4 reveal" data-animate>
<div class="card-header">
<h2 class="card-title" style="margin: 0;">返品・キャンセルについて</h2>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-bordered">
<tbody>
<tr>
<th>返品・返金</th>
<td>
デジタル商品の性質上、購入後の返品・返金はお受けできません。<br>
<small class="text-muted">
※ただし、技術的な問題により商品が正常に動作しない場合は、
サポート窓口(<a href="mailto:support@amipro.me">support@amipro.me</a>)までお問い合わせください。
個別に対応させていただきます。
</small>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<section class="card mb-5 reveal" data-animate>
<div class="card-header">
<h2 class="card-title" style="margin: 0;">動作環境</h2>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-bordered">
<tbody>
<tr>
<th>対応ブラウザ</th>
<td>Google Chrome 最新版</td>
</tr>
<tr>
<th>対応OS</th>
<td>Windows / macOS / Linux<br><small class="text-muted">※Chrome拡張機能が動作する環境であればご利用いただけます</small></td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
</article>
</div>
<!-- / Content -->
<div class="content-backdrop fade"></div>
</div>
<!-- Content wrapper -->
</div>
<!-- / Layout page -->
</div>
<!-- / Layout container -->
</div>
<!-- / Layout wrapper -->
<!-- Overlay -->
<div class="layout-overlay layout-menu-toggle"></div>
</body>
</html>

View File

@@ -417,6 +417,19 @@
</div> </div>
<!-- / Content --> <!-- / Content -->
<!-- Footer -->
<footer class="reveal" data-animate style="padding: 2rem 24px; border-top: 1px solid rgba(248, 250, 252, 0.1);">
<div class="d-flex flex-wrap justify-content-center gap-4" style="font-size: 0.9rem;">
<a href="contextwizard_privacy_policy.html" style="color: rgba(248, 250, 252, 0.7); text-decoration: none;">Privacy Policy</a>
<a href="contextwizard_tokushoho.html" style="color: rgba(248, 250, 252, 0.7); text-decoration: none;">特定商取引法に基づく表記</a>
<a href="mailto:support@amipro.me" style="color: rgba(248, 250, 252, 0.7); text-decoration: none;">Contact</a>
</div>
<p class="text-center mt-3" style="color: rgba(248, 250, 252, 0.5); font-size: 0.85rem; margin-bottom: 0;">
© 2025 amiPro, LLC. All rights reserved.
</p>
</footer>
<!-- / Footer -->
<div class="content-backdrop fade"></div> <div class="content-backdrop fade"></div>
</div> </div>
<!-- Content wrapper --> <!-- Content wrapper -->