PageSourceSearch

https://belta.co.jp/

html belta.co.jp collected 2026-09-30 12:01:39 UTC 160,929 bytes, 2,865 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ja">
3
4<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#">
5
6
7  <link rel="canonical" href="https://belta.co.jp/">
8
9    <meta charset="UTF-8">
10<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
11<meta http-equiv="X-UA-Compatible" content="ie=edge">
12<meta name="format-detection" content="telephone=no">
13<title>BELTA|ベルタ公式ショップ</title>
14<meta name="description" content="BELTAのブランドサイト。女性の様々なライフステージに寄りそえる商品、葉酸サプリ、妊活サプリ、育毛剤、スカルプシャンプーなどをラインナップし、カスタマーサクセスの専任担当がサポートしています。">
15
16<meta name="facebook-domain-verification" content="t1sxsmq5jm5o3skn8p4y83sb8j20xk" />
17<meta name="facebook-domain-verification" content="0rf254w49nsqlbzgvttugvgxtvqmi4" />
18
19<link rel="icon" href="https://assets.belta.co.jp/favicon.ico">
20<link rel="apple-touch-icon" sizes="180x180" href="https://assets.belta.co.jp/apple-touch-icon.png">
21
22
23<link rel="stylesheet" type="text/css" href="/styles/han_style/current_adjustment.css">
24
25
26
27<link href="/styles/fontawesome/css/all.css" rel="stylesheet">
28
29<link rel="stylesheet" href="/styles/top.css">
30    <!-- OGP -->
31<meta property="og:url" content="http://belta.co.jp/">
32<meta property="og:site_name" content="BELTA|ベルタ公式ショップ" />
33<meta property="og:description" content="BELTAのブランドサイト。女性の様々なライフステージに寄りそえる商品、葉酸サプリ、妊活サプリ、育毛剤、スカルプシャンプーなどをラインナップし、カスタマーサクセスの専任担当がサポートしています。">
34
35<meta property="og:title" content="ベルタ公式ショップはこちら" />
36<meta property="og:image" content="https://assets.belta.co.jp/top/ogp.jpg" />
37<meta name="twitter:card" content="summary" />
38<meta name="twitter:site" content="@belta_official"/>
39
40<meta property="og:type" content="website">
41
42<!-- Twitter OGP -->
43<meta property="twitter:card" content="summary_large_image"/>
44    <!-- セールスフォースの行動データ取得用タグ -->
45<script type="text/javascript" src="//cdn.evgnet.com/beacon/a5568l55556p1cyd3n3n3n091566898/engage/scripts/evergage.min.js"></script>
45
46
47<!-- ■共通タグ -->
48<!-- 自社 Google Tag Manager -->
49<script>
vendor: 327 bytes, lines 49-53
49(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
50new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
51j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
52'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
53})(window,document,'script','dataLayer','
53GTM-M8XH6KZ
vendor: 3 bytes, line 53
53');
53</script>
53
54
55<!-- 自社 End Google Tag Manager -->
56  </head>
57
58
59<body class="drawer drawer--right drawer--navbarTopGutter">
60
61<!-- 自社 Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 61-62
61
62<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
62GTM-M8XH6KZ
vendor: 83 bytes, lines 62-63
62"
63height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
64<!-- 自社 End Google Tag Manager (noscript) -->
65
66    <header class="drawer-navbar drawer-navbar--fixed">
67  <div class="drawer-container">
68    <div class="drawer-navbar-header">
69            <div class="drawer-brand">
70        <a href="/">
71          <h1>
72            <img src="https://assets.belta.co.jp/common/logo_belta.png" alt="BELTA">
73          </h1>
74          <span>ライフステージをあなたと育む</span>
75        </a>
76      </div>
77
78            <div class="button-store-link button-store-link--sp">
79        <a href="https://ec.belta.co.jp/" class="button-store-link__link">
80          <?xml version="1.0" encoding="utf-8"?>
81          <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="4px" width="18px" height="21px" viewBox="0 0 24 28" enable-background="new 0 0 24 28" xml:space="preserve">
82            <path fill="#323333" d="M21.8,7.2c0-0.9-0.7-1.6-1.6-1.6H16c-0.2-1.1-0.6-2.4-1.4-3.3C13.9,1.6,13,1.2,12,1.2s-1.9,0.4-2.6,1.1
83              	C8.6,3.2,8.2,4.5,8,5.6H3.8c-0.9,0-1.6,0.7-1.6,1.6L1.5,25.3c0,0.9,0.7,1.6,1.6,1.6h17.7c0.9,0,1.6-0.7,1.6-1.7L21.8,7.2L21.8,7.2z
84              	 M10.1,2.9c0.5-0.5,1.1-0.8,1.9-0.8s1.4,0.3,1.9,0.8c0.6,0.7,1,1.7,1.1,2.6H9C9.2,4.6,9.5,3.5,10.1,2.9z M20.9,25.9H3.1
85              	c-0.4,0-0.6-0.3-0.6-0.6L3.2,7.2c0-0.4,0.3-0.6,0.6-0.6h4.1V8c0,0.3,0.2,0.5,0.5,0.5S8.9,8.2,8.9,8V6.7h6.2V8c0,0.3,0.2,0.5,0.5,0.5
86              	s0.5-0.2,0.5-0.5V6.6h4.1c0.4,0,0.6,0.3,0.6,0.7l0.7,18C21.5,25.7,21.2,25.9,20.9,25.9z" />
87          </svg>
88          <span>商品を探す</span>
89        </a>
90      </div>
91      <button type="button" class="drawer-toggle drawer-hamburger">
92        <span class="sr-only">toggle navigation</span>        <span class="drawer-hamburger-icon"></span>
93      </button>
94    </div>
95    <div class="button-store-link button-store-link--pc">
96      <a href="https://ec.belta.co.jp/" class="button-store-link__link">
97        <?xml version="1.0" encoding="utf-8"?>
98        <span>商品を探す</span>
99      </a>
100    </div>
101    <!-- PCヘッターデザイン -->
102    <nav class="drawer-nav">
103      <ul class="menu-col2">
104        <li class="drawer-col2 u-dp_pc">
105          <ul>
106            <li class="drawer-menu-item u-dp_pc"><a class="" href="https://belta-shop.jp/mypage/login.php">マイページ</a></li>
107            <li class="drawer-menu-item u-dp_pc"><a class="" href="/news/">お知らせ</a></li>
108            <li class="drawer-menu-item u-dp_pc"><a class="" href="/contact/">お問い合わせ</a></li>
109            <li class="drawer-menu-item u-dp_pc"><a class="" href="https://ec.belta.co.jp/faq/">よくある質問</a></li>
110          </ul>
111        </li>
112      </ul>
113      <ul class="drawer-menu" style="transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-duration: 0ms; transform: translate(0px, 0px) translateZ(0px);">
114        <li class="drawer-menu-item drawer-goods-btn"><a href="javascript:void(0)">商品<span>一覧</span></a></li>
115        <li class="drawer-menu-item drawer-brand-btn"><a href="javascript:void(0)">BELTAブランド</a></li>
116        <li class="drawer-menu-item drawer-active-btn"><a href="javascript:void(0)">BELTAの活動</a></li>
117        <li class="drawer-menu-item drawer-service-btn"><a href="javascript:void(0)">BELTAのサービス</a></li>
118      </ul>
119    </nav>
120
121    <!-- SPヘッターデザイン -->
122    <nav class="drawer-nav u-dp_sp">
123      <ul class="drawer-menu">
124        <li class="drawer-menu-item drawerClick" data-toggle="lifeStage"><a href="javascript:void(0)">ライフステージから商品を探す</a></li>
125        <li class="drawer-menu-item drawerClick" data-toggle="category"><a href="javascript:void(0)">カテゴリから商品を探す</a></li>
126        <li class="drawer-menu-item drawerClick" data-toggle="productsList"><a href="javascript:void(0)">商品一覧</a></li>
127        <li class="drawer-menu-item drawerClick" data-toggle="usage"><a href="javascript:void(0)">ご利用について</a></li>
128        <li class="drawer-menu-item-arrowNone drawerClick"><a href="https://ec.belta.co.jp/column/">お悩み解決ガイド</a></li>
129        <li class="drawer-menu-item drawerClick" data-toggle="beltaBrand"><a href="javascript:void(0)">BELTAブランド</a></li>
130        <li class="drawer-menu-item drawerClick" data-toggle="activities"><a href="javascript:void(0)">BELTAの活動</a></li>
131        <li class="drawer-menu-item drawerClick" data-toggle="service"><a href="javascript:void(0)">BELTAのサービス</a></li>
132        <li class="drawer-menu-item drawerClick" data-toggle="corporait"><a href="javascript:void(0)">会社概要・規約</a></li>
133      </ul>
134      <ul class="drawer-sub-menu">
135        <li class="drawer-sub-menu__item"><a href="https://ec.belta.co.jp/faq/" class="drawer-sub-menu__link">よくある質問</a></li>
136        <li class="drawer-sub-menu__item"><a href="/contact/" class="drawer-sub-menu__link">お問い合わせ</a></li>
137        <li class="drawer-sub-menu__item"><a href="/news/" class="drawer-sub-menu__link">お知らせ</a></li>
138        <li class="drawer-sub-menu__item"><a href="https://belta-shop.jp/mypage/login.php" class="drawer-sub-menu__link">マイページ</a></li>
139      </ul>
140    </nav>
141
142    <div id="service" class="nav_contects" data-toggle-open="service">
143      <div class="nav_title contects_close">BELTAのサービス</div>
144      <ul class="drawer-menu">
145        <li class="drawer-menu-item-arrowNone drawer-goods-btn"><a href="/expert/">専門家相談サービス</a></li>
146        <li class="drawer-menu-item-arrowNone"><a href="/hoken/">保険相談サービス</a></li>
147        <li class="drawer-menu-item-arrowNone"><a href="/questionnaire_report/">みんなの声【アンケート調査】</a></li>
148        <li class="drawer-menu-item-arrowNone"><a href="https://smiledonor.belta.co.jp/" target="_blank" class="target_blank">子供との思い出を捨てずに無料寄付</a></li>
149        <li class="drawer-menu-item-arrowNone"><a href="/line/">公式サポートLINE</a></li>
150        <li class="drawer-menu-item-arrowNone"><a href="/channel/">妊活・妊娠中のお悩みを動画でサポート</a></li>
151        <li class="drawer-menu-item-arrowNone"><a href="/check/">子育てママストレスチェック診断</a></li>
152        <li class="drawer-menu-item-arrowNone"><a href="https://resilience.belta.co.jp/" target="_blank" class="target_blank">更年期世代のレジリエンス度診断</a></li>
153      </ul>
154    </div>
155
156    <div id="lifeStage" class="nav_contects" data-toggle-open="lifeStage">
157      <div class="nav_title contects_close">ライフステージから商品を探す</div>
158      <ul class="drawer-menu drawer-menu--product-list">
159        <li class="drawer-dropdown">
160          <a class="drawer-menu-subTitle js-accordion" href="javascript:void(0)" data-target="#" data-toggle="dropdown" role="button" aria-expanded="false">自分磨き</a>
161          <ul class="drawer-dropdown-menu">
162            <li class="drawer-dropdown-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/slimtriple/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_body_raw_4.webp" alt="ベルタスリムトリプル">ベルタスリムトリプル</a></li>
163            <li class="drawer-dropdown-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/enzyme-drink/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_body_enz_5.webp" alt="ベルタ酵素ドリンク">ベルタ酵素ドリンク</a></li>
164            <li class="drawer-dropdown-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/pueraria/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_body_pue_4.webp" alt="ベルタプエラリア">ベルタプエラリア</a></li>
165            <li class="drawer-dropdown-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/scalp-shampoo/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_hair_shmp_4.webp" alt="ベルタスカルプシャンプー">ベルタスカルプシャンプー</a></li>
166            <li class="drawer-dropdown-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/hair-lotion/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_hair_lotion_new_4.webp" alt="ベルタヘアローション">ベルタヘアローション</a></li>
167          </ul>
168        </li>
169        <li class="drawer-dropdown">
170          <a class="drawer-menu-subTitle js-accordion" href="javascript:void(0)" data-target="#" data-toggle="dropdown" role="button" aria-expanded="false">妊活中</a>
171          <ul class="drawer-dropdown-menu">
172            <li class="drawer-dropdown-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/prerhythm/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_mnty_maca_4.webp" alt="ベルタプレリズム">ベルタプレリズム</a></li>
173            <li class="drawer-dropdown-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/runseed/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_mnty_runseed_3.webp" alt="ベルタランシード">ベルタランシード</a></li>
174            <li class="drawer-dropdown-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/preflora/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_mnty_preflora.webp" alt="ベルタプレフローラ">ベルタプレフローラ</a></li>
175            <li class="drawer-dropdown-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/flora-check/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_mnty_flora_check.webp" alt="ベルタ膣内フローラ検査キット">ベルタ膣内フローラ検査キット</a></li>
176            <li class="drawer-dropdown-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/rooibos-tea/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_mnty_rbstea_4.webp" alt="ベルタルイボスティー">ベルタルイボスティー</a></li>
177            <li class="drawer-dropdown-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/bellyband/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_mnty_bellyband_4.webp" alt="ベルタ温活シルク腹巻き">ベルタ温活シルク腹巻き</a></li>
178          </ul>
179        </li>
180        <li class="drawer-dropdown">
181          <a class="drawer-menu-subTitle js-accordion" href="javascript:void(0)" data-target="#" data-toggle="dropdown" role="button" aria-expanded="false">妊娠中</a>
182          <ul class="drawer-dropdown-menu">
183            <li class="drawer-dropdown-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/folate/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_mnty_flt_4.webp" alt="ベルタ葉酸サプリ">ベルタ葉酸サプリ</a></li>
184            <li class="drawer-dropdown-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/mother-cream/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_mnty_mam_cream_4.webp" alt="ベルタマザークリーム">ベルタマザークリーム</a></li>
185            <li class="drawer-dropdown-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/rooibos-tea/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_mnty_rbstea_4.webp" alt="ベルタルイボスティー">ベルタルイボスティー</a></li>
186            <li class="drawer-dropdown-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/maternity-shorts/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_mnty_maternityshorts_4.webp" alt="ベルタマタニティショーツ">ベルタマタニティショーツ</a></li>
187          </ul>
188        </li>
189        <li class="drawer-dropdown">
190          <a class="drawer-menu-subTitle js-accordion" href="javascript:void(0)" data-target="#" data-toggle="dropdown" role="button" aria-expanded="false">産後・育児中</a>
191          <ul class="drawer-dropdown-menu">
192            <li class="drawer-dropdown-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/mamarhythm/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_mamarhyzthm_4.webp" alt="ベルタママリズム">ベルタママリズム</a></li>
193            <li class="drawer-dropdown-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/iron-ramune/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_iron_ramune.webp" alt="しっかり鉄分ラムネ">しっかり鉄分ラムネ</a></li>
194            <li class="drawer-dropdown-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/rooibos-tea/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_mnty_rbstea_4.webp" alt="ベルタルイボスティー">ベルタルイボスティー</a></li>
195            <li class="drawer-dropdown-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/baby-soap/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_baby_soap_4.webp" alt="ベルタベビーソープ">ベルタベビーソープ</a></li>
196            <li class="drawer-dropdown-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/baby-oil/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_baby_oil_4_2.webp" alt="ベルタベビーオイル">ベルタベビーオイル</a></li>
197            <li class="drawer-dropdown-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/scalp-shampoo/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_hair_shmp_4.webp" alt="ベルタスカルプシャンプー">ベルタスカルプシャンプー</a></li>
198            <li class="drawer-dropdown-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/hair-lotion/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_hair_lotion_new_4.webp" alt="ベルタヘアローション">ベルタヘアローション</a></li>
199            <li class="drawer-dropdown-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/slimtriple/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_body_raw_4.webp" alt="ベルタスリムトリプル">ベルタスリムトリプル</a></li>
200            <li class="drawer-dropdown-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/enzyme-drink/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_body_enz_5.webp" alt="ベルタ酵素ドリンク">ベルタ酵素ドリンク</a></li>
201            <li class="drawer-dropdown-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/pueraria/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_body_pue_4.webp" alt="ベルタプエラリア">ベルタプエラリア</a></li>
202            <li class="drawer-dropdown-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/baby-food/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_ad_baby_food_4.webp" alt="ベルタ離乳食サービス">ベルタ離乳食サービス<br>(5ヶ月〜1歳3ヶ月)</a></li>
203            <li class="drawer-dropdown-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/kids-food/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_ad_kids_food_4.webp" alt="ベルタ幼児食サービス">ベルタ幼児食サービス<br>(1歳半〜5歳頃)</a></li>
204            <li class="drawer-dropdown-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/pelvic-belt/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_mnty_pelvic_belt_4.webp" alt="ベルタ骨盤ベルト">ベルタ骨盤ベルト</a></li>
205          </ul>
206        </li>
207        <li class="drawer-dropdown">
208          <a class="drawer-menu-subTitle js-accordion" href="javascript:void(0)" data-target="#" data-toggle="dropdown" role="button" aria-expanded="false">レジリエンスビューティー</a>
209          <ul class="drawer-dropdown-menu">
210            <li class="drawer-dropdown-menu-item-arrowNone drawer-dropdown-menu-item--resilience"><a href="/resilience/">レジリエンスビューティーとは</a></li>
211            <li class="drawer-dropdown-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/medicinal-bath/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_rse_medicinalbath_4.webp" alt="ベルタきざみ本薬湯">ベルタきざみ本薬湯</a></li>
212            <li class="drawer-dropdown-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/equrhythm/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_rse_equrhythm2.webp" alt="ベルタエクリズム">ベルタエクリズム</a></li>
213          </ul>
214        </li>
215        <li class="drawer-dropdown">
216          <a class="drawer-menu-subTitle js-accordion" href="javascript:void(0)" data-target="#" data-toggle="dropdown" role="button" aria-expanded="false">洗練された美と健康</a>
217          <ul class="drawer-dropdown-menu">
218            <li class="drawer-dropdown-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/slimtriple/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_body_raw_4.webp" alt="ベルタスリムトリプル">ベルタスリムトリプル</a></li>
219            <li class="drawer-dropdown-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/enzyme-drink/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_body_enz_5.webp" alt="ベルタ酵素ドリンク">ベルタ酵素ドリンク</a></li>
220            <li class="drawer-dropdown-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/scalp-shampoo/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_hair_shmp_4.webp" alt="ベルタスカルプシャンプー">ベルタスカルプシャンプー</a></li>
221            <li class="drawer-dropdown-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/hair-lotion/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_hair_lotion_new_4.webp" alt="ベルタヘアローション">ベルタヘアローション</a></li>
222            <li class="drawer-dropdown-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/hair-color-treatment/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_hair_color_4.webp" alt="ベルタヘアカラートリートメント">ベルタヘアカラートリートメント</a></li>
223          </ul>
224        </li>
225      </ul>
226    </div>
227    <div id="category" class="nav_contects" data-toggle-open="category">
228      <div class="nav_title contects_close">カテゴリから商品を探す</div>
229      <ul class="drawer-menu drawer-menu--product-list">
230        <li class="drawer-dropdown">
231          <a href="https://ec.belta.co.jp/category/preconception-care/">プレコンセプションケア(妊娠前・妊活中)</a>
232        </li>
233        <li class="drawer-dropdown">
234          <a href="https://ec.belta.co.jp/category/maternity-care/">マタニティケア(妊娠中)</a>
235        </li>
236        <li class="drawer-dropdown">
237          <a href="https://ec.belta.co.jp/category/postpartum-care/">産後・育児中ケア</a>
238        </li>
239        <li class="drawer-dropdown">
240          <a href="https://ec.belta.co.jp/category/baby-care/">ベビーケア</a>
241        </li>
242        <li class="drawer-dropdown">
243          <a href="https://ec.belta.co.jp/category/menopause-care/">更年期ケア</a>
244        </li>
245        <li class="drawer-dropdown">
246          <a href="https://ec.belta.co.jp/category/hair-care/">トータルヘアケア</a>
247        </li>
248        <li class="drawer-dropdown">
249          <a href="https://ec.belta.co.jp/category/body-care/">トータルボディケア</a>
250        </li>
251        <li class="drawer-dropdown">
252          <a href="https://ec.belta.co.jp/category/inner-care/">トータルインナーケア</a>
253        </li>
254      </ul>
255    </div>
256
257    <div id="productsList" class="nav_contects" data-toggle-open="productsList">
258      <div class="nav_title contects_close">商品一覧</div>
259      <ul class="drawer-menu drawer-menu--product-list">
260        <li class="drawer-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/prerhythm/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_mnty_maca_4.webp" alt="ベルタプレリズム">ベルタプレリズム</a></li>
261        <li class="drawer-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/runseed/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_mnty_runseed_3.webp" alt="ベルタランシード">ベルタランシード</a></li>
262        <li class="drawer-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/folate/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_mnty_flt_4.webp" alt="ベルタ葉酸サプリ">ベルタ葉酸サプリ</a></li>
263        <li class="drawer-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/mamarhythm/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_mamarhyzthm_4.webp" alt="ベルタママリズム">ベルタママリズム</a></li>
264        <li class="drawer-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/iron-ramune/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_iron_ramune.webp" alt="しっかり鉄分ラムネ">しっかり鉄分ラムネ</a></li>
265        <li class="drawer-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/preflora/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_mnty_preflora.webp" alt="ベルタプレフローラ">ベルタプレフローラ</a></li>
266        <li class="drawer-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/flora-check/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_mnty_flora_check.webp" alt="ベルタ膣内フローラ検査キット">ベルタ膣内フローラ検査キット</a></li>
267        <li class="drawer-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/rooibos-tea/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_mnty_rbstea_4.webp" alt="ベルタルイボスティー">ベルタルイボスティー</a></li>
268        <li class="drawer-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/mother-cream/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_mnty_mam_cream_4.webp" alt="ベルタマザークリーム">ベルタマザークリーム</a></li>
269        <li class="drawer-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/enzyme-drink/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_body_enz_5.webp" alt="ベルタ酵素ドリンク">ベルタ酵素ドリンク</a></li>
270        <li class="drawer-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/slimtriple/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_body_raw_4.webp" alt="ベルタスリムトリプル">ベルタスリムトリプル</a></li>
271        <li class="drawer-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/pueraria/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_body_pue_4.webp" alt="ベルタプエラリア">ベルタプエラリア</a></li>
272        <li class="drawer-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/royal-omega/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_royal-omega.webp" alt="ロイヤルオメガ">ロイヤルオメガ</a></li>
273        <li class="drawer-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/gluten-care/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_gluten-care.webp" alt="コムギのミカタ">コムギのミカタ</a></li>
274        <li class="drawer-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/megurine/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_megurine.webp" alt="メグリネ">メグリネ</a></li>
275        <li class="drawer-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/breath-flora/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_breath-flora.webp" alt="ブレスフローラ">ブレスフローラ</a></li>
276        <li class="drawer-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/bellyband/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_mnty_bellyband_4.webp" alt="ベルタ温活シルク腹巻き">ベルタ温活シルク腹巻き</a></li>
277        <li class="drawer-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/maternity-shorts/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_mnty_maternityshorts_4.webp" alt="ベルタマタニティショーツ">ベルタマタニティショーツ</a></li>
278        <li class="drawer-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/pelvic-belt/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_mnty_pelvic_belt_4.webp" alt="ベルタ骨盤ベルト">ベルタ骨盤ベルト</a></li>
279        <li class="drawer-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/baby-oil/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_baby_oil_4_2.webp" alt="ベルタベビーオイル">ベルタベビーオイル</a></li>
280        <li class="drawer-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/baby-soap/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_baby_soap_4.webp" alt="ベルタベビーソープ">ベルタベビーソープ</a></li>
281        <li class="drawer-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/baby-oil-gift/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_baby_gift_4_2.webp" alt="ベビースキンケアギフトセット">ベビースキンケアギフトセット</a></li>
282        <li class="drawer-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/baby-food/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_ad_baby_food_4.webp" alt="ベルタ離乳食サービス">ベルタ離乳食サービス<br>(5ヶ月〜1歳3ヶ月)</a></li>
283        <li class="drawer-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/kids-food/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_ad_kids_food_4.webp" alt="ベルタ幼児食サービス">ベルタ幼児食サービス<br>(1歳半〜5歳頃)</a></li>
284        <li class="drawer-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/scalp-shampoo/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_hair_shmp_4.webp" alt="ベルタスカルプシャンプー">ベルタスカルプシャンプー</a></li>
285        <li class="drawer-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/hair-color-treatment/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_hair_color_4.webp" alt="ベルタヘアカラートリートメント">ベルタヘアカラートリートメント</a></li>
286        <li class="drawer-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/hair-lotion/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_hair_lotion_new_4.webp" alt="ベルタヘアローション">ベルタヘアローション</a></li>
287        <li class="drawer-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/medicinal-bath/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_rse_medicinalbath_4.webp" alt="ベルタきざみ本薬湯">ベルタきざみ本薬湯</a></li>
288        <li class="drawer-menu-item-arrowNone"><a href="https://ec.belta.co.jp/products/equrhythm/"><img src="https://assets.belta.co.jp/top/header/pkg_nav_item_rse_equrhythm2.webp" alt="ベルタエクリズム">ベルタエクリズム</a></li>
289      </ul>
290    </div>
291
292    <div id="usage" class="nav_contects" data-toggle-open="usage">
293      <div class="nav_title contects_close">
293ご利用について</div>
294      <ul class="drawer-menu">
295        <li class="drawer-menu-item-arrowNone"><a href="https://ec.belta.co.jp/payment/">支払い</a></li>
296        <li class="drawer-menu-item-arrowNone"><a href="https://ec.belta.co.jp/delivery/">発送</a></li>
297        <li class="drawer-menu-item-arrowNone"><a href="https://ec.belta.co.jp/returning/">返品・返金保証</a></li>
298        <li class="drawer-menu-item-arrowNone"><a href="https://ec.belta.co.jp/cancel/">各種変更・解約</a></li>
299        <li class="drawer-menu-item-arrowNone"><a href="https://ec.belta.co.jp/regular/">定期便</a></li>
300        <li class="drawer-menu-item-arrowNone"><a href="https://ec.belta.co.jp/point/">ポイント交換</a></li>
301      </ul>
302    </div>
303
304    <div id="beltaBrand" class="nav_contects" data-toggle-open="beltaBrand">
305      <div class="nav_title contects_close">BELTAブランド</div>
306      <ul class="drawer-menu">
307        <li class="drawer-menu-item-arrowNone"><a href="/brand/">BELTAとは</a></li>
308        <li class="drawer-menu-item-arrowNone"><a href="/support/">カスタマーサクセスとは</a></li>
309        <li class="drawer-menu-item-arrowNone"><a href="/store/">取り扱い店舗</a></li>
310        <li class="drawer-menu-item-arrowNone"><a href="/user_voice/">お客様の体験記</a></li>
311      </ul>
312    </div>
313
314    <div id="activities" class="nav_contects" data-toggle-open="activities">
315      <div class="nav_title contects_close">BELTAの活動</div>
316      <ul class="drawer-menu">
317        <li class="drawer-menu-item-arrowNone"><a href="/preconceptioncare/"><span><img src="https://assets.belta.co.jp/top/logo_belta_black.webp" alt=""></span><span>プレコンセプションケア</span></a></li>
318        <li class="drawer-menu-item-arrowNone"><a href="/sports/"><span><img src="https://assets.belta.co.jp/top/logo_belta_black.webp" alt=""></span><span>女性アスリート</span></a></li>
319        <li class="drawer-menu-item-arrowNone"><a href="/local_government/"><span><img src="https://assets.belta.co.jp/top/logo_belta_black.webp" alt=""></span><span>自治体との連携</span></a></li>
320        <li class="drawer-menu-item-arrowNone"><a href="/research_and_development/"><span><img src="https://assets.belta.co.jp/top/logo_belta_black.webp" alt=""></span><span>研究開発</span></a></li>
321        <li class="drawer-menu-item-arrowNone"><a href="/doctor/"><span><img src="https://assets.belta.co.jp/top/logo_belta_black.webp" alt=""></span><span>不妊治療専門医</span></a></li>
322        <li class="drawer-menu-item-arrowNone"><a href="/education/"><span><img src="https://assets.belta.co.jp/top/logo_belta_black.webp" alt=""></span><span>教育機関との連携</span></a></li>
323        <li class="drawer-menu-item-arrowNone"><a href="/cheer/" class="flex-aic"><span><img src="https://assets.belta.co.jp/top/logo_belta_black.webp" alt=""></span><span>応援する<img src="https://assets.belta.co.jp/event/interview_202412/icon_good.svg" alt="good" width="17" class="good"></span></a></li>
324        <li class="drawer-menu-item-arrowNone"><a href="/SDGs/">SDGsへの取り組み</a></li>
325        <li class="drawer-menu-item-arrowNone"><a href="/activity_report/">BELTA活動レポート</a></li>
326        <li class="drawer-menu-item-arrowNone"><a href="https://mikaduki.belta.co.jp/" target="_blank" class="target_blank">女性の課題解決に取り組む団体を支援「Mikaduki/ミカヅキ」</a></li>
327        <li class="drawer-menu-item-arrowNone"><a href="/security/">情報セキュリティにおける取り組み</a></li>
328
329      </ul>
330    </div>
331
332    <div id="corporait" class="nav_contects" data-toggle-open="corporait">
333      <div class="nav_title contects_close">会社概要・規約</div>
334      <ul class="drawer-menu">
335        <li class="drawer-menu-item-arrowNone"><a href="/about/">会社概要</a></li>
336        <li class="drawer-menu-item-arrowNone"><a href="/privacy/">プライバシーポリシー</a></li>
337        <li class="drawer-menu-item-arrowNone"><a href="https://ec.belta.co.jp/order/">特定商取引法に基づく表記</a></li>
338        <li class="drawer-menu-item-arrowNone"><a href="/kiyaku/">利用規約</a></li>
339      </ul>
340    </div>
341  </div>
342
343  </div>
344</header>
345<!-- PCヘッターデザイン -->
346<div class="drawer-goods-main">
347  <div class="drawer-goods-bg"></div>
348  <div class="drawer-goods-list-wrap">
349    <div class="drawer-goods-list-flex">
350      <ul class="drawer-goods-list">
351        <li class="drawer-goods drawer-goods-more">
352          <span class="drawer-goods-name">プレコンセプションケア</span>
353          <ul class="drawer-goods-content">
354            <li>
355              <a href="https://ec.belta.co.jp/products/prerhythm/">
356                <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/header/pkg_nav_item_mnty_maca_4.webp" alt="ベルタプレリズム">
357                <div class="drawer-goods-content-name"><span>ベルタプレリズム</span></div>
358              </a>
359            </li>
360            <li>
361              <a href="https://ec.belta.co.jp/products/runseed/">
362                <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/header/pkg_nav_item_mnty_runseed_3.webp" alt="ベルタランシード">
363                <div class="drawer-goods-content-name"><span>ベルタランシード</span></div>
364              </a>
365            </li>
366            <li>
367              <a href="https://ec.belta.co.jp/products/preflora/">
368                <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/header/pkg_nav_item_mnty_preflora.webp" alt="ベルタプレフローラ">
369                <div class="drawer-goods-content-name"><span>ベルタプレフローラ</span></div>
370              </a>
371            </li>
372            <li>
373              <a href="https://ec.belta.co.jp/products/flora-check/">
374                <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/header/pkg_nav_item_mnty_flora_check.webp" alt="ベルタ膣内フローラ検査キット">
375                <div class="drawer-goods-content-name"><span>ベルタ膣内フローラ検査キット</span></div>
376              </a>
377            </li>
378            <li>
379              <a href="https://ec.belta.co.jp/products/rooibos-tea/">
380                <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/header/pkg_nav_item_mnty_rbstea_4.webp" alt="ベルタルイボスティー">
381                <div class="drawer-goods-content-name"><span>ベルタルイボスティー</span></div>
382              </a>
383            </li>
384            <li>
385              <a href="https://ec.belta.co.jp/products/enzyme-drink/">
386                <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/header/pkg_nav_item_body_enz_5.webp" alt="ベルタ酵素ドリンク">
387                <div class="drawer-goods-content-name"><span>ベルタ酵素ドリンク</span></div>
388              </a>
389            </li>
390            <li>
391              <a href="https://ec.belta.co.jp/products/bellyband/">
392                <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/header/pkg_nav_item_mnty_bellyband_4.webp" alt="ベルタ温活シルク腹巻き">
393                <div class="drawer-goods-content-name"><span>ベルタ温活シルク腹巻き</span></div>
394              </a>
395            </li>
396          </ul>
397          <div class="drawer-goods-more-btn">
398            <span>もっと見る</span>
399          </div>
400        </li>
401        <li class="drawer-goods">
402          <span class="drawer-goods-name">更年期ケア</span>
403          <ul class="drawer-goods-content">
404            <li>
405              <a href="https://ec.belta.co.jp/products/medicinal-bath/">
406                <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/header/pkg_nav_item_rse_medicinalbath_4.webp" alt="ベルタきざみ本薬湯">
407                <div class="drawer-goods-content-name"><span>ベルタきざみ本薬湯</span></div>
408              </a>
409            </li>
410            <li>
411              <a href="https://ec.belta.co.jp/products/equrhythm/">
412                <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/header/pkg_nav_item_rse_equrhythm2.webp" alt="ベルタエクリズム">
413                <div class="drawer-goods-content-name"><span>ベルタエクリズム</span></div>
414              </a>
415            </li>
416          </ul>
417        </li>
418      </ul>
419      <ul class="drawer-goods-list">
420        <li class="drawer-goods">
421          <span class="drawer-goods-name">マタニティケア</span>
422          <ul class="drawer-goods-content">
423            <li>
424              <a href="https://ec.belta.co.jp/products/folate/">
425                <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/header/pkg_nav_item_mnty_flt_4.webp" alt="ベルタ葉酸サプリ">
426                <div class="drawer-goods-content-name"><span>ベルタ葉酸サプリ</span></div>
427              </a>
428            </li>
429            <li>
430              <a href="https://ec.belta.co.jp/products/rooibos-tea/">
431                <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/header/pkg_nav_item_mnty_rbstea_4.webp" alt="ベルタルイボスティー">
432                <div class="drawer-goods-content-name"><span>ベルタルイボスティー</span></div>
433              </a>
434            </li>
435            <li>
436              <a href="https://ec.belta.co.jp/products/mother-cream/">
437                <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/header/pkg_nav_item_mnty_mam_cream_4.webp" alt="ベルタマザークリーム">
438                <div class="drawer-goods-content-name"><span>ベルタマザークリーム</span></div>
439              </a>
440            </li>
441            <li>
442              <a href="https://ec.belta.co.jp/products/maternity-shorts/">
443                <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/header/pkg_nav_item_mnty_maternityshorts_4.webp" alt="ベルタマタニティショーツ">
444                <div class="drawer-goods-content-name"><span>ベルタマタニティショーツ</span></div>
445              </a>
446            </li>
447            <li>
448              <a href="https://ec.belta.co.jp/products/bellyband/">
449                <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/header/pkg_nav_item_mnty_bellyband_4.webp" alt="ベルタ温活シルク腹巻き">
450                <div class="drawer-goods-content-name"><span>ベルタ温活シルク腹巻き</span></div>
451              </a>
452            </li>
453          </ul>
454        </li>
455        <li class="drawer-goods">
456          <span class="drawer-goods-name">トータルヘアケア</span>
457          <ul class="drawer-goods-content">
458            <li>
459              <a href="https://ec.belta.co.jp/products/hair-lotion/">
460                <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/header/pkg_nav_item_hair_lotion_new_4.webp" alt="ベルタヘアローション">
461                <div class="drawer-goods-content-name"><span>ベルタヘアローション</span></div>
462              </a>
463            </li>
464            <li>
465              <a href="https://ec.belta.co.jp/products/scalp-shampoo/">
466                <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/header/pkg_nav_item_hair_shmp_4.webp" alt="ベルタスカルプシャンプー">
467                <div class="drawer-goods-content-name"><span>ベルタスカルプシャンプー</span></div>
468              </a>
469            </li>
470            <li>
471              <a href="https://ec.belta.co.jp/products/hair-color-treatment/">
472                <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/header/pkg_nav_item_hair_color_4.webp" alt="ベルタヘアカラートリートメント">
473                <div class="drawer-goods-content-name"><span>ベルタヘアカラートリートメント</span></div>
474              </a>
475            </li>
476          </ul>
477        </li>
478      </ul>
479      <ul class="drawer-goods-list">
480        <li class="drawer-goods drawer-goods-more">
481          <span class="drawer-goods-name ">産後・育児中ケア</span>
482          <ul class="drawer-goods-content">
483            <li>
484              <a href="https://ec.belta.co.jp/products/mamarhythm/">
485                <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/header/pkg_nav_item_mamarhyzthm_4.webp" alt="ベルタママリズム">
486                <div class="drawer-goods-content-name"><span>ベルタママリズム</span></div>
487              </a>
488            </li>
489            <li>
490              <a href="https://ec.belta.co.jp/products/iron-ramune/">
491                <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/header/pkg_nav_item_iron_ramune.webp" alt="しっかり鉄分ラムネ">
492                <div class="drawer-goods-content-name"><span>しっかり鉄分ラムネ</span></div>
493              </a>
494            </li>
495            <li>
496              <a href="https://ec.belta.co.jp/products/enzyme-drink/">
497                <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/header/pkg_nav_item_body_enz_5.webp" alt="ベルタ酵素ドリンク">
498                <div class="drawer-goods-content-name"><span>ベルタ酵素ドリンク</span></div>
499              </a>
500            </li>
501            <li>
502              <a href="https://ec.belta.co.jp/products/slimtriple/">
503                <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/header/pkg_nav_item_body_raw_4.webp" alt="ベルタスリムトリプル">
504                <div class="drawer-goods-content-name"><span>ベルタスリムトリプル</span></div>
505              </a>
506            </li>
507            <li>
508              <a href="https://ec.belta.co.jp/products/hair-lotion/">
509                <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/header/pkg_nav_item_hair_lotion_new_4.webp" alt="ベルタヘアローション">
510                <div class="drawer-goods-content-name"><span>ベルタヘアローション</span></div>
511              </a>
512            </li><li>
513              <a href="https://ec.belta.co.jp/products/rooibos-tea/">
514                <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/header/pkg_nav_item_mnty_rbstea_4.webp" alt="ベルタルイボスティー">
515                <div class="drawer-goods-content-name"><span>ベルタルイボスティー</span></div>
516              </a>
517            </li>
518            <li>
519              <a href="https://ec.belta.co.jp/products/baby-food/">
520                <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/header/pkg_nav_ad_baby_food_4.webp" alt="ベルタ離乳食サービス(5ヶ月〜1歳3ヶ月)">
521                <div class="drawer-goods-content-name"><span>ベルタ離乳食サービス<br><span class="drawer-goods-content-name-small">(5ヶ月〜1歳3ヶ月)</span></span></div>
522              </a>
523            </li>
524            <li>
525              <a href="https://ec.belta.co.jp/products/kids-food/">
526                <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/header/pkg_nav_ad_kids_food_4.webp" alt="ベルタ幼児食サービス(1歳半〜5歳頃)">
527                <div class="drawer-goods-content-name"><span>ベルタ幼児食サービス<br><span class="drawer-goods-content-name-small">(1歳半〜5歳頃)</span></span></div>
528              </a>
529            </li>
530            <li>
531              <a href="https://ec.belta.co.jp/products/pelvic-belt/">
532                <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/header/pkg_nav_item_mnty_pelvic_belt_4.webp" alt="ベルタ骨盤ベルト">
533                <div class="drawer-goods-content-name"><span>ベルタ骨盤ベルト</span></div>
534              </a>
535            </li>
536          </ul>
537          <div class="drawer-goods-more-btn">
538            <span>もっと見る</span>
539          </div>
540        </li>
541        <li class="drawer-goods drawer-goods-more">
542          <span class="drawer-goods-name">トータルボディケア</span>
543          <ul class="drawer-goods-content">
544            <li>
545              <a href="https://ec.belta.co.jp/products/slimtriple/">
546                <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/header/pkg_nav_item_body_raw_4.webp" alt="ベルタこうじ生酵素">
547                <div class="drawer-goods-content-name"><span>ベルタスリムトリプル</span></div>
548              </a>
549            </li>
550            <li>
551              <a href="https://ec.belta.co.jp/products/enzyme-drink/">
552                <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/header/pkg_nav_item_body_enz_5.webp" alt="ベルタ酵素ドリンク">
553                <div class="drawer-goods-content-name"><span>ベルタ酵素ドリンク</span></div>
554              </a>
555            </li>
556            <li>
557              <a href="https://ec.belta.co.jp/products/pueraria/">
558                <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/header/pkg_nav_item_body_pue_4.webp" alt="ベルタプエラリア">
559                <div class="drawer-goods-content-name"><span>ベルタプエラリア</span></div>
560              </a>
561            </li>
562            <li>
563              <a href="https://ec.belta.co.jp/products/royal-omega/">
564                <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/header/pkg_nav_item_royal-omega.webp" alt="ロイヤルオメガ">
565                <div class="drawer-goods-content-name"><span>ロイヤルオメガ</span></div>
566              </a>
567            </li>
568            <li>
569              <a href="https://ec.belta.co.jp/products/gluten-care/">
570                <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/header/pkg_nav_item_gluten-care.webp" alt="コムギのミカタ">
571                <div class="drawer-goods-content-name"><span>コムギのミカタ</span></div>
572              </a>
573            </li>
574            <li>
575              <a href="https://ec.belta.co.jp/products/megurine/">
576                <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/header/pkg_nav_item_megurine.webp" alt="メグリネ">
577                <div class="drawer-goods-content-name"><span>メグリネ</span></div>
578              </a>
579            </li>
580            <li>
581              <a href="https://ec.belta.co.jp/products/breath-flora/">
582                <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/header/pkg_nav_item_breath-flora.webp" alt="ブレスフローラ">
583                <div class="drawer-goods-content-name"><span>ブレスフローラ</span></div>
584              </a>
585            </li>
586          </ul>
587          <div class="drawer-goods-more-btn">
588            <span>もっと見る</span>
589          </div>
590        </li>
591      </ul>
592      <ul class="drawer-goods-list">
593        <li class="drawer-goods drawer-goods-more">
594          <span class="drawer-goods-name">ベビーケア</span>
595          <ul class="drawer-goods-content">
596            <li>
597              <a href="https://ec.belta.co.jp/products/baby-oil/">
598                <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/header/pkg_nav_item_baby_oil_4_2.webp" alt="ベルタベビーオイル">
599                <div class="drawer-goods-content-name"><span>ベルタベビーオイル</span></div>
600              </a>
601            </li>
602            <li>
603              <a href="https://ec.belta.co.jp/products/baby-soap/">
604                <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/header/pkg_nav_item_baby_soap_4.webp" alt="ベルタベビーソープ">
605                <div class="drawer-goods-content-name"><span>ベルタベビーソープ</span></div>
606              </a>
607            </li>
608            <li>
609              <a href="https://ec.belta.co.jp/products/baby-oil-gift/">
610                <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/header/pkg_nav_item_baby_gift_4_2.webp" alt="ベビースキンケアギフトセット">
611                <div class="drawer-goods-content-name"><span>ベビースキンケアギフトセット</span></div>
612              </a>
613            </li>
614            <li>
615              <a href="https://ec.belta.co.jp/products/baby-food/">
616                <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/header/pkg_nav_ad_baby_food_4.webp" alt="ベルタ離乳食サービス(5ヶ月〜1歳3ヶ月)">
617                <div class="drawer-goods-content-name"><span>ベルタ離乳食サービス<br><span class="drawer-goods-content-name-small">(5ヶ月〜1歳3ヶ月)</span></span></div>
618              </a>
619            </li>
620            <li>
621              <a href="https://ec.belta.co.jp/products/kids-food/">
622                <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/header/pkg_nav_ad_kids_food_4.webp" alt="ベルタ幼児食サービス(1歳半〜5歳頃)">
623                <div class="drawer-goods-content-name"><span>ベルタ幼児食サービス<br><span class="drawer-goods-content-name-small">(1歳半〜5歳頃)</span></span></div>
624              </a>
625            </li>
626          </ul>
627          <div class="drawer-goods-more-btn">
628            <span>もっと見る</span>
629          </div>
630        </li>
631        <li class="drawer-goods">
632          <span class="drawer-goods-name">トータルインナーケア</span>
633          <ul class="drawer-goods-content">
634            <li>
635              <a href="https://ec.belta.co.jp/products/bellyband/">
636                <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/header/pkg_nav_item_mnty_bellyband_4.webp" alt="ベルタ温活シルク腹巻き">
637                <div class="drawer-goods-content-name"><span>ベルタ温活シルク腹巻き</span></div>
638              </a>
639            </li>
640            <li>
641              <a href="https://ec.belta.co.jp/products/maternity-shorts/">
642                <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/header/pkg_nav_item_mnty_maternityshorts_4.webp" alt="ベルタマタニティショーツ">
643                <div class="drawer-goods-content-name"><span>ベルタマタニティショーツ</span></div>
644              </a>
645            </li>
646            <li>
647              <a href="https://ec.belta.co.jp/products/pelvic-belt/">
648                <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/header/pkg_nav_item_mnty_pelvic_belt_4.webp" alt="ベルタ骨盤ベルト">
649                <div class="drawer-goods-content-name"><span>ベルタ骨盤ベルト</span></div>
650              </a>
651            </li>
652          </ul>
653        </li>
654      </ul>
655    </div>
656    <div class="goods_list_close">
657      <div class="close_btn">閉じる</div>
658    </div>
659  </div>
660</div>
661<div class="drawer-brand-main">
662  <div class="drawer-goods-bg"></div>
663  <div class="drawer-goods-list-wrap">
664    <div class="drawer-active-container">
665      <ul class="drawer-active-flex">
666        <li><a href="/brand/"><span>BELTAとは</span></a></li>
667        <li><a href="/support/"><span>カスタマーサクセスとは</span></a></li>
668        <li><a href="/store/"><span>取り扱い店舗</span></a></li>
669        <li><a href="/user_voice/"><span>お客様の体験記</span></a></li>
670      </ul>
671    </div>
672    <div class="goods_list_close">
673      <div class="close_btn">閉じる</div>
674    </div>
675  </div>
676</div>
677<div class="drawer-active-main">
678  <div class="drawer-goods-bg"></div>
679  <div class="drawer-goods-list-wrap">
680    <div class="drawer-active-container">
681      <ul class="drawer-active-flex">
682        <li><a href="/preconceptioncare/"><span class="multiply"><img src="https://assets.belta.co.jp/top/logo_belta_black.webp" alt=""></span><span>プレコンセプションケア</span></a></li>
683        <li><a href="/sports/"><span class="multiply"><img src="https://assets.belta.co.jp/top/logo_belta_black.webp" alt=""></span><span>女性アスリート</span></a></li>
684        <li><a href="/local_government/"><span class="multiply"><img src="https://assets.belta.co.jp/top/logo_belta_black.webp" alt=""></span><span>自治体との連携</span></a></li>
685        <li><a href="/research_and_development/"><span class="multiply"><img src="https://assets.belta.co.jp/top/logo_belta_black.webp" alt=""></span><span>研究開発</span></a></li>
686      </ul>
687      <ul class="drawer-active-flex">
688        <li><a href="/doctor/"><span class="multiply"><img src="https://assets.belta.co.jp/top/logo_belta_black.webp" alt=""></span><span>不妊治療専門医</span></a></li>
689        <li><a href="/education/"><span class="multiply"><img src="https://assets.belta.co.jp/top/logo_belta_black.webp" alt=""></span><span>教育機関との連携</span></a></li>
690        <li><a href="/cheer/" class="flex-aic"><span class="multiply"><img src="https://assets.belta.co.jp/top/logo_belta_black.webp" alt=""></span><span>応援する<img src="https://assets.belta.co.jp/event/interview_202412/icon_good.svg" alt="good" width="17" class="good"></span></a></li>
691        <li><a href="/SDGs/"><span>SDGsへの取り組み</span></a></li>
692      </ul>
693      <ul class="drawer-active-flex">
694        <li><a href="/activity_report/"><span>BELTA活動レポート</span></a></li>
695        <li class="target_blank"><a href="https://mikaduki.belta.co.jp/" target="_blank"><span>女性の課題解決に取り組む団体を支援<br>「Mikaduki/ミカヅキ」</span></a></li>
696        <li><a href="/security/"><span>情報セキュリティにおける取り組み</span></a></li>
697      </ul>
698    </div>
699    <div class="goods_list_close">
700      <div class="close_btn">閉じる</div>
701    </div>
702  </div>
703</div>
704<div class="drawer-service-main">
705  <div class="drawer-goods-bg"></div>
706  <div class="drawer-goods-list-wrap">
707    <div class="drawer-active-container">
708      <ul class="drawer-active-flex">
709        <li><a href="/expert/"><span>専門家相談サービス</span></a></li>
710        <li><a href="/hoken/"><span>保険相談サービス</span></a></li>
711        <li><a href="/questionnaire_report/"><span>みんなの声【アンケート調査】</span></a></li>
712        <li class="target_blank"><a href="https://smiledonor.belta.co.jp/" target="_blank"><span>子供との思い出を捨てずに無料寄付<span class="drawer-active-flex__item--small-text">(スマイルドナー)</span></span></a></li>
713      </ul>
714      <ul class="drawer-active-flex">
715        <li><a href="/line/"><span>公式サポートLINE</span></a></li>
716        <li><a href="/channel/"><span>妊活・妊娠中のお悩みを動画でサポート</span></a></li>
717        <li><a href="/check/"><span>子育てママストレスチェック診断</span></a></li>
718        <li class="target_blank"><a href="https://resilience.belta.co.jp/" target="_blank" class="pad_top_item_bot target_blank"><span>更年期世代のレジリエンス度診断</span></a></li>
719      </ul>
720    </div>
721    <div class="goods_list_close">
722      <div class="close_btn">閉じる</div>
723    </div>
724  </div>
725</div>
726
727<div class="drawer-overlay"></div>
728<script>
729  document.addEventListener('DOMContentLoaded', () => {
730    const header = document.querySelector('.drawer-navbar');
731    const drawerGoodsMain = document.querySelector('.drawer-goods-main');
732    const drawerBrandMain = document.querySelector('.drawer-brand-main');
733    const drawerActiveMain = document.querySelector('.drawer-active-main');
734    const drawerServiceMain = document.querySelector('.drawer-service-main');
735    const beltaSnap = document.getElementById('belta_snap');
736    let pastPos = 0; // 今までのスクロール量。初期値は0
737    const start = 300; // クラスの付け外しが行われるポイント。一番上から300pxスクロールしたら実行
738    const currentPath = window.location.pathname;
739    const isTopPage = currentPath === '/';
740
741    if (isTopPage) {
742      document.body.style.overflow = 'hidden';
743      beltaSnap.addEventListener('scroll', () => {
744        const scroll = beltaSnap.scrollTop; // 現在のスクロール量 (use scrollTop for element)
745        // スクロール量が以前の位置を上回り、かつ300pxを超えていたらヘッダーを隠す
746        if (scroll >= pastPos && scroll >= start) {
747          header.classList.add('hide');
748          drawerGoodsMain.classList.add('top0');
749          drawerActiveMain.classList.add('top0');
750        } else {
751          // それ以外の条件ではヘッダーを表示する
752          header.classList.remove('hide');
753          drawerGoodsMain.classList.remove('top0');
754          drawerActiveMain.classList.remove('top0');
755        }
756        // `drawerActiveMain` または `drawerGoodsMain` が `show` クラスを持っている場合、そのクラスを削除
757        if (drawerActiveMain.classList.contains('show')) {
758          drawerActiveMain.classList.remove('show');
759        }
760        if (drawerGoodsMain.classList.contains('show')) {
761          drawerGoodsMain.classList.remove('show');
762        }
763        if (drawerServiceMain.classList.contains('show')) {
764          drawerServiceMain.classList.remove('show');
765        }
766        if (drawerBrandMain.classList.contains('show')) {
767          drawerBrandMain.classList.remove('show');
768        }
769        pastPos = scroll; // 現在のスクロール量を次の比較のために保存
770      });
771    } else {
772      let pastPosOtherPages = 0;
773      window.addEventListener('scroll', () => {
774        const scroll = window.scrollY;
775        if (scroll >= pastPosOtherPages && scroll >= start) {
776          header.classList.add('hide');
777          drawerGoodsMain.classList.add('top0');
778          drawerActiveMain.classList.add('top0');
779        } else {
780          header.classList.remove('hide');
781          drawerGoodsMain.classList.remove('top0');
782          drawerActiveMain.classList.remove('top0');
783        }
784        if (drawerActiveMain.classList.contains('show')) {
785          drawerActiveMain.classList.remove('show');
786        }
787        if (drawerGoodsMain.classList.contains('show')) {
788          drawerGoodsMain.classList.remove('show');
789        }
790        if (drawerServiceMain.classList.contains('show')) {
791          drawerServiceMain.classList.remove('show');
792        }
793        if (drawerBrandMain.classList.contains('show')) {
794          drawerBrandMain.classList.remove('show');
795        }
796        pastPosOtherPages = scroll;
797      });
798    }
799  });
800
801  // アコーディオン
802  const jsAccordion = document.querySelectorAll('.js-accordion');
803  jsAccordion.forEach(function (element) {
804    element.addEventListener('click', function (e) {
805      const eleHeight = element.nextElementSibling;
806      if (element.classList.contains('is-accordion--open')) {
807        eleHeight.style.height = '0';
808      } else {
809        eleHeight.style.height = eleHeight.scrollHeight + 'px';
810      }
811      element.classList.toggle('is-accordion--open');
812    });
813  });
814
815  const drawerClickElements = document.querySelectorAll('.drawerClick');
816  for (const drawerClickElement of drawerClickElements) {
817    drawerClickElement.addEventListener('click', function () {
818      // data-toggle属性の値を取得
819      const toggleValue = this.getAttribute('data-toggle');
820      // nav_contectsクラスの「data-toggle-open」属性の値を取得
821      const targetElements = document.querySelectorAll('.nav_contects[data-toggle-open="' + toggleValue + '"]');
822      // 一致した値のnav_contectsクラスにopenクラスを付与する
823      for (const targetElement of targetElements) {
824        targetElement.classList.add('open');
825      }
826    });
827  }
828
829  //ハンバーガーメニュー開いた状態に戻す
830  const contectsCloseElements = document.querySelectorAll('.contects_close');
831  for (const contectsCloseElement of contectsCloseElements) {
832    contectsCloseElement.addEventListener('click', function () {
833      this.closest('.nav_contects').classList.remove('open');
834    });
835  }
836
837  // ハンバーガーメニュークローズ
838  const drawerToggle = document.querySelector('.drawer-toggle');
839  drawerToggle.addEventListener('click', function () {
840    // すべてのnav_contectsクラスを取得
841    const navContents = document.querySelectorAll('.nav_contects');
842    const targetElements = navContents;
843    // 開いている状態であれば閉じる。閉じている状態なら開く。
844    for (const targetElement of targetElements) {
845      if (targetElement.classList.contains('open')) {
846        targetElement.classList.remove('open');
847      }
848    }
849  });
850
851  window.addEventListener("load", function () {
852    const drawerOverlay = document.querySelector('.drawer-overlay');
853    drawerOverlay.addEventListener('click', function () {
854      drawer();
855      // すべてのnav_contectsクラスを取得
856      const navContents = document.querySelectorAll('.nav_contects');
857      const targetElements = navContents;
858      // 開いている状態であれば閉じる。閉じている状態なら開く。
859      for (const targetElement of targetElements) {
860        if (targetElement.classList.contains('open')) {
861          targetElement.classList.remove('open');
862        }
863      }
864    });
865    const drawerMenuItems = document.querySelectorAll('.drawer-menu-item');
866    drawerMenuItems.forEach(item => {
867      item.addEventListener('mouseover', () => {
868        const hasGoodsBtnClass = item.classList.contains('drawer-goods-btn');
869        const hasBrandBtnClass = item.classList.contains('drawer-brand-btn');
870        const hasActiveBtnClass = item.classList.contains('drawer-active-btn');
871        const hasServiceBtnClass = item.classList.contains('drawer-service-btn');
872        if (hasGoodsBtnClass) {
873          const drawerGoodsMain = document.querySelector('.drawer-goods-main');
874          drawerGoodsMain.classList.add('show');
875        } else {
876          const drawerGoodsMain = document.querySelector('.drawer-goods-main');
877          drawerGoodsMain.classList.remove('show');
878        }
879        if (hasBrandBtnClass) {
880          const drawerBrandMain = document.querySelector('.drawer-brand-main');
881          drawerBrandMain.classList.add('show');
882        } else {
883          const drawerBrandMain = document.querySelector('.drawer-brand-main');
884          drawerBrandMain.classList.remove('show');
885        }
886        if (hasActiveBtnClass) {
887          const drawerActiveMain = document.querySelector('.drawer-active-main');
888          drawerActiveMain.classList.add('show');
889        } else {
890          const drawerActiveMain = document.querySelector('.drawer-active-main');
891          drawerActiveMain.classList.remove('show');
892        }
893        if (hasServiceBtnClass) {
894          const drawerServiceMain = document.querySelector('.drawer-service-main');
895          drawerServiceMain.classList.add('show');
896        } else {
897          const drawerServiceMain = document.querySelector('.drawer-service-main');
898          drawerServiceMain.classList.remove('show');
899        }
900      });
901    });
902
903    const drawerGoodsBg = document.querySelectorAll('.drawer-goods-bg');
904    const drawerGoodsMain = document.querySelector('.drawer-goods-main');
905    const drawerBrandMain = document.querySelector('.drawer-brand-main');
906    const drawerActiveMain = document.querySelector('.drawer-active-main');
907    const drawerServiceMain = document.querySelector('.drawer-service-main');
908
909    drawerGoodsBg.forEach(element => {
910      element.addEventListener('mouseover', () => {
911        if (drawerGoodsMain.classList.contains('show')) {
912          drawerGoodsMain.classList.remove('show');
913        }
914        if (drawerBrandMain.classList.contains('show')) {
915          drawerBrandMain.classList.remove('show');
916        }
917        if (drawerActiveMain.classList.contains('show')) {
918          drawerActiveMain.classList.remove('show');
919        }
920        if (drawerServiceMain.classList.contains('show')) {
921          drawerServiceMain.classList.remove('show');
922        }
923      });
924    });
925    const drawerGoodsMoreButtons = document.querySelectorAll('.drawer-goods-more-btn');
926
927    drawerGoodsMoreButtons.forEach(button => {
928      button.addEventListener('click', () => {
929        const drawerGoodsMore = button.closest('.drawer-goods-more');
930        drawerGoodsMore.classList.toggle('show');
931        button.classList.toggle('show');
932      });
933    });
934
935    const closeBtns = document.querySelectorAll('.close_btn'); // すべての.close_btnを取得
936    if (closeBtns.length > 0) {
937      // 最初のcloseBtnにイベントリスナーを設定
938      closeBtns[0].addEventListener('click', () => {
939        const drawerGoodsMain = document.querySelector('.drawer-goods-main');
940        if (drawerGoodsMain) {
941          drawerGoodsMain.classList.toggle('show');
942        }
943      });
944    }
945
946    if (closeBtns.length > 1) {
947      // 2番目のcloseBtnにイベントリスナーを設定
948      closeBtns[1].addEventListener('click', () => {
949        const drawerBrandMain = document.querySelector('.drawer-brand-main');
950        if (drawerBrandMain) {
951          drawerBrandMain.classList.toggle('show');
952        }
953      });
954    }
955
956    if (closeBtns.length > 2) {
957      // 3番目のcloseBtnにイベントリスナーを設定
958      closeBtns[2].addEventListener('click', () => {
959        const drawerActiveMain = document.querySelector('.drawer-active-main');
960        if (drawerActiveMain) {
961          drawerActiveMain.classList.toggle('show');
962        }
963      });
964    }
965
966    if (closeBtns.length > 3) {
967      // 4番目のcloseBtnにイベントリスナーを設定
968      closeBtns[3].addEventListener('click', () => {
969        const drawerServiceMain = document.querySelector('.drawer-service-main');
970        if (drawerServiceMain) {
971          drawerServiceMain.classList.toggle('show');
972        }
973      });
974    }
975
976  });
977
978  document.addEventListener('DOMContentLoaded', function () {
979    const drawerElements = document.querySelector('.drawer-toggle');
980    drawerElements.addEventListener('click', () => {
981      drawer();
982    });
983  });
984
985  function drawer() {
986    const drawer = document.querySelector('.drawer'); // トグルボタンのセレクタは適宜調整
987    drawer.classList.toggle('drawer-open'); // CSS で開閉状態を制御するためのクラス名
988  }
989</script>
989
990
991      <main id="belta_top" class="belta_top">
992  <section id="belta_snap">
993
994    <section id="fv" class="section_fvsv section_fvsv--fv">
995      <div class="container--fv">
996        <video id="fvVideo" class="fv_video" poster="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 20 20'><rect fill='none' width='20' height='20' /></svg>" aria-label="BELTA ライフステージ動画" loop autoplay playsinline muted preload="metadata">
997        </video>
998      </div>
999    </section>
1000
1001    <section class="section_fvsv section_fvsv--about" id="about">
1002      <div id="startPosition"></div>
1003      <div class="container--about">
1004        <div class="about_content">
1005          <video id="aboutVideo" class="about_video" poster="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 20 20'><rect fill='none' width='20' height='20' /></svg>" aria-label="海の波しぶき" loop autoplay playsinline muted preload="metadata">
1006          </video>
1007          <div class="about_text">
1008            <div class="about_text__main">
1009              <h2 class="about_text__main__h2">
1010                <span class="about_text__main__h2__span">
1011                  <span class="fade-anim-uper bg_pos_01">あ</span>
1012                  <span class="fade-anim-uper bg_pos_02">の</span>
1013                  <span class="fade-anim-uper bg_pos_03">と</span>
1014                  <span class="fade-anim-uper bg_pos_04">き</span>
1015                  <span class="fade-anim-uper bg_pos_05">、</span>
1016                </span>
1017                <span class="about_text__main__h2__span">
1018                  <span class="fade-anim-uper bg_pos_06">も</span>
1019                  <span class="fade-anim-uper bg_pos_07">っ</span>
1020                  <span class="fade-anim-uper bg_pos_08">と</span>
1021                  <span class="fade-anim-uper bg_pos_09">知</span>
1022                  <span class="fade-anim-uper bg_pos_10">っ</span>
1023                  <span class="fade-anim-uper bg_pos_11">て</span>
1024                  <span class="fade-anim-uper bg_pos_12">い</span>
1025                  <span class="fade-anim-uper bg_pos_13">れ</span>
1026                  <span class="fade-anim-uper bg_pos_14">ば</span>
1027                </span>
1028              </h2>
1029            </div>
1030            <div class="about-text-sub">
1031              <p class="about-text-sub_p fade-anim sub_p_01">
1032                妊活や不妊治療は、誰もが最初から<br class="u-dp_sp">うまくいくわけではありません。<br>
1033                体のことを知らないまま、<br class="u-dp_sp">気づけば時間だけが過ぎていた……<br>
1034                そんな声を、何度も聞いてきました。
1035              </p>
1036            </div>
1037            <div class="about-text-sub">
1038              <p class="about-text-sub_p fade-anim sub_p_02">
1039                だからこそ、プレコンセプションケア。<br>
1040                未来の妊娠に向けた体と心を整える準備を、<br class="u-dp_sp">もっと早く、もっと多くの人へ。
1041              </p>
1042            </div>
1043            <div class="about-text-sub">
1044              <p class="about-text-sub_p fade-anim sub_p_03">
1045                そして、ホルモンバランスが大きく変化ã
1045™ã‚‹<br class="u-dp_sp about__br">40代後半以降の女性たちにも、<br>
1046                前向きに自分の体と向き合える<br class="u-dp_sp about__br">きっかけを届けたい。
1047              </p>
1048            </div>
1049            <div class="about-text-sub">
1050              <p class="about-text-sub_p fade-anim sub_p_04">
1051                ライフステージをあなたと育む。<br class="about__br">
1052                あなたの未来に、後悔ではなく、希望を。
1053              </p>
1054            </div>
1055          </div>
1056          <div class="btn_area btn_area--about">
1057            <button class="belta_btn fade-anim belta_btn--about"><a href="/brand/">BELTAとは</a></button>
1058          </div>
1059        </div>
1060      </div>
1061    </section>
1062
1063    <section class="section section--funin">
1064      <div class="section__bg section__bg--funin"></div>
1065      <div class="area area--funin">
1066        <h2 class="top__title top__title--funin"><span class="top__title__cross"><img src="https://assets.belta.co.jp/top/logo_belta.svg" alt="BELTA"></span>不妊治療専門医</h2>
1067        <figure class="figure figure--funin">
1068          <img src="https://assets.belta.co.jp/top/funin_sugiyama.webp" alt="医療法人社団杉四会 理事長/杉山産婦人科 院長 杉山力一先生の写真">
1069        </figure>
1070        <div class="area__contents area__contents--funin">
1071          <h3 class="area__title area__title--funin">
1072            <span class="area__title__subname">医療法人社団杉四会 理事長<br>杉山産婦人科 院長</span>
1073            <span class="area__title__name">
1074              <span class="area__title__bk-black">杉</span>
1075              <span class="area__title__bk-black">å±±</span>
1076              <span>力一</span>
1077              <span class="area__title__ryakusyou">先生</span>
1078            </span>
1079          </h3>
1080          <p class="area__paragraph area__paragraph--funin">
1081            「未来の妊娠に向けた<br>
1082            健康管理とカラダづくり=プレコンセプションケア」<br>
1083            の取り組みを発信。1,300を超える産婦人科・<br>
1084            クリニックでもBELTAが紹介されています。
1085          </p>
1086          <div class="btn_area">
1087            <button class="belta_btn"><a href="/doctor/">BELTA × 不妊治療専門医</a></button>
1088            <button class="belta_btn"><a href="/medicine/">医学の発展に向けて</a></button>
1089          </div>
1090        </div>
1091      </div>
1092    </section>
1093
1094    <section class="section section--sports">
1095      <div class="section__bg section__bg--sports"></div>
1096      <div class="area area--sports">
1097        <h2 class="top__title top__title--sports">
1098          <span class="top__title__cross"><img src="https://assets.belta.co.jp/top/logo_belta.svg" alt="BELTA"></span>
1099          女性アスリート
1100        </h2>
1101        <figure class="figure figure--sports">
1102          <img src="https://assets.belta.co.jp/top/sports_tanaka_sp.webp" alt="田中理恵さんの写真" class="u-dp_sp">
1103          <img src="https://assets.belta.co.jp/top/sports_tanaka_pc.webp" alt="田中理恵さんの写真" class="u-dp_pc">
1104        </figure>
1105        <div class="area__contents area__contents--sports">
1106          <h3 class="area__title">
1107            <span class="area__title__subname area__title__subname--sports">元体操日本代表</span>
1108            <span class="area__title__name area__title__name--sports">
1109              <span>田中</span>
1110              <span class="area__title__bk-black">理</span>
1111              <span class="area__title__bk-black">恵</span>
1112              <span class="area__title__ryakusyou">さん</span>
1113            </span>
1114          </h3>
1115          <p class="area__paragraph area__paragraph--sports">
1116            アスリートも現役時代から<br>
1117            プレコンセプションケアについて考える。<br>
1118            後悔のない体との向き合い方。
1119          </p>
1120          <div class="btn_area">
1121            <button class="belta_btn"><a href="/sports/">BELTA × 女性アスリート</a></button>
1122          </div>
1123        </div>
1124      </div>
1125    </section>
1126
1127    <section class="section section--hiroshima">
1128      <div class="section__bg section__bg--hiroshima"></div>
1129      <div class="area area--hiroshima">
1130        <h2 class="top__title top__title--hiroshima">
1131          <span class="top__title__cross"><img src="https://assets.belta.co.jp/top/logo_belta.svg" alt="BELTA"></span>自治体<span class="top__title__small_text">との</span>連携
1132        </h2>
1133        <figure class="figure figure--hiroshima">
1134          <img src="https://assets.belta.co.jp/top/okazaki_people.webp" alt="BELTAと岡崎市長の写真">
1135        </figure>
1136        <div class="area__contents area__contents--hiroshima">
1137          <h3 class="area__title area__title--hiroshima">
1138            <span class="area__title__name area__title__name--hiroshima">広島市
1139              <span class="area__title__ryakusyou">など</span>
1140            </span>
1141          </h3>
1142          <p class="area__paragraph area__paragraph--hiroshima">
1143            日本全国400以上の自治体と、<br>
1144            妊活中〜妊娠中・産後育児中、<br>
1145            また50代以上の女性をサポート。
1146          </p>
1147          <div class="btn_area">
1148            <button class="belta_btn belta_btn--hiroshima"><a href="/local_government/">自治体との連携</a></button>
1149          </div>
1150        </div>
1151      </div>
1152    </section>
1153
1154    <section class="section section--kyouiku">
1155      <div class="section__bg section__bg--kyouiku"></div>
1156      <div class="area area--kyouiku">
1157        <h2 class="top__title top__title--kyouiku">
1158          <span class="top__title__cross"><img src="https://assets.belta.co.jp/top/logo_belta.svg" alt="BELTA"></span>教育機関<span class="top__title__small_text">との</span>連携
1159        </h2>
1160        <figure class="figure figure--kyouiku">
1161          <img src="https://assets.belta.co.jp/top/kyouiku_shirai.webp" alt="白井 正三郎氏の写真">
1162        </figure>
1163        <div class="area__contents area__contents--kyouiku">
1164          <h3 class="area__title area__title--kyouiku">
1165            <span class="area__title__subname">前江戸川区議会議員</span>
1166            <span class="area__title__name">白井 正三郎
1167              <span class="area__title__ryakusyou">氏</span>
1168            </span>
1169          </h3>
1170          <p class="area__paragraph area__paragraph--kyouiku">
1171            保育園児・中学生・高校生・大学生。<br>
1172            女性キャリアやライフステージ教育、<br>
1173            SDGsや性教育。また公立学校への出張授業、<br>
1174            修学旅行の受入先企業としても活用されています。
1175          </p>
1176          <div class="btn_area">
1177            <button class="belta_btn belta_btn--kyouiku"><a href="/education/">教育機関との連携</a></button>
1178          </div>
1179        </div>
1180      </div>
1181    </section>
1182
1183    <section class="section section--kenkyu">
1184      <div class="section__bg section__bg--kenkyu"></div>
1185      <div class="area area--kenkyu">
1186        <h2 class="top__title top__title--kenkyu">
1187          <span class="top__title__cross"><img src="https://assets.belta.co.jp/top/logo_belta.svg" alt="BELTA"></span>研究開発
1188        </h2>
1189        <figure class="figure figure--kenkyu">
1190          <img src="https://assets.belta.co.jp/top/kenkyu_mv.webp" alt="研究開発責任者の写真">
1191        </figure>
1192        <div class="area__contents area__contents--kenkyu">
1193          <div class="kenkyu__flex">
1194            <h3 class="area__title area__title--kenkyu">
1195              <span class="area__title__subname area__title__subname--kenkyu">商品開発責任者</span>
1196              <span class="area__title__name area__title__name--kenkyu">宮林 哲也
1197                <span class="area__title__ryakusyou">氏</span>
1198              </span>
1199            </h3>
1200            <h3 class="area__title area__title--kenkyu">
1201              <span class="area__title__subname area__title__subname--kenkyu">製剤開発責任者</span>
1202              <span class="area__title__name area__title__name--kenkyu">小山 憲一
1203                <span class="area__title__ryakusyou">氏</span>
1204              </span>
1205            </h3>
1206          </div>
1207          <p class="area__paragraph area__paragraph--kenkyu">
1208            一度完成した製品で満足することはありません。<br>
1209            ライフステージごとの心と体の変化のお声を決して<br>
1210            見過ごさず、何度も、何度でも追求し続けます。
1211          </p>
1212          <div class="btn_area">
1213            <button class="belta_btn belta_btn--kenkyu"><a href="/research_and_development/">BELTA × 研究開発</a></button>
1214          </div>
1215        </div>
1216      </div>
1217    </section>
1218
1219    <section class="section section--cheer">
1220      <div class="section__bg section__bg--cheer"></div>
1221      <div class="area area--cheer">
1222        <h2 class="top__title top__title--cheer"><span class="top__title__cross"><img src="https://assets.belta.co.jp/top/logo_belta.svg" alt="BELTA"></span>
1223          応援する
1224        </h2>
1225        <figure class="figure figure--tenchimu">
1226          <img src="https://assets.belta.co.jp/top/cheer_tenchimu.webp" alt="てんちむさんの写真">
1227        </figure>
1228        <div class="area__contents">
1229          <h3 class="area__title area__title--cheer">
1230            <span class="area__title__subname">YouTuber</span>
1231            <span class="area__title__name">てんちむ
1232              <span class="area__title__ryakusyou">さん</span>
1233            </span>
1234          </h3>
1235          <p class="area__paragraph area__paragraph--cheer">
1236            不安、挫折、逆境……。<br>
1237            上手く行ってる時も、そうでない時も。<br>
1238            BELTAはどんな時も、あなたを応援し、<br>
1239            共に歩んでいきます。
1240          </p>
1241          <div class="btn_area">
1242            <button class="belta_btn belta_btn--cheer"><a href="/cheer/">BELTAと一緒に応援する<img src="https://assets.belta.co.jp/event/interview_202412/icon_good.svg" alt="good" width="17"></a></button>
1243          </div>
1244        </div>
1245      </div>
1246    </section>
1247
1248    <section class="section section--lineup">
1249      <div class="area area--lineup">
1250
1251                <h2 class="top__title top__title--lineup"><span class="top__title__cross"><img src="https://assets.belta.co.jp/top/logo_belta.svg" alt="BELTA"></span>商品ラインナップ</h2>
1252        <div class="top__item top__item--lineup">
1253          <div class="top__item__area top__item__area--lineup">
1254            <p class="sub_title--lineup sp_none">
1255              あなたのライフステージに沿ってこだわり抜かれた商品を
1256            </p>
1257            <p class="lineup_text">
1258              <span class="sp_none">妊娠前〜妊活中・妊娠中・産後・育児中、変わりめ期といった、</span><br class="br_pc">
1259              <span class="sp39_none">女性のライフステージに寄り添った商品を展開しています。</span>
1260            </p>
1261
1262                        <nav class="top-lineup_item">
1263  <div class="modal-overlay"></div>
1264  <ul class="top-lineup_item_box">
1265    <li class="js-item_ctg">
1266      <!-- modal before -->
1267      <div class="top-lineup_item_area">
1268        <div class="top-lineup_item_img">
1269          <img src="https://assets.belta.co.jp/common/pkg_nav_ad_precon_5.webp" alt="">
1270        </div>
1271        <div class="top-lineup_item_text_area">
1272          <span class="label_ttl">プレコンセプションケア</span>
1273          <span class="item_ctg_stg precon_stg">妊娠前〜妊活中</span>
1274          <span class="label_txt">未来の妊娠に向けた、健康管理とカラダづくり</span>
1275        </div>
1276      </div>
1277      <!-- modal -->
1278      <div class="top-lineup_item_modal_area">
1279        <div class="top-lineup_item_modal active">
1280          <div class="top-lineup_item_modal_content">
1281            <div class="top-lineup_item_modal_close"></div>
1282            <h3>プレコンセプションケア<span class="item_ctg_stg precon_stg">妊娠前〜妊活中</span></h3>
1283            <ul class="top-lineup_item-item">
1284              <li>
1285                <a href="https://ec.belta.co.jp/products/prerhythm/">
1286                  <img src="https://assets.belta.co.jp/common/pkg_nav_item_mnty_maca_4.webp" alt="ベルタプレリズム">
1287                  <h4 class="rabel_fix">ベルタ<span>プレリズム</span></h4>
1288                  <p>葉酸・マカ・イソフラボンなどの妊活に必要な栄養素を179種類配合したサプリ</p>
1289                </a>
1290              </li>
1291              <li>
1292                <a href="https://ec.belta.co.jp/products/runseed/">
1293                  <img src="https://assets.belta.co.jp/common/pkg_nav_item_mnty_runseed_to
1293p3.webp" alt="ベルタランシード">
1294                  <h4 class="rabel_fix">ベルタ<span>ランシード</span></h4>
1295                  <p>活力とコンディションを両方ケアできる男性妊活サプリ</p>
1296                </a>
1297              </li>
1298              <li>
1299                <a href="https://ec.belta.co.jp/products/flora-check/">
1300                  <img src="https://assets.belta.co.jp/common/pkg_nav_item_mnty_flora_check_top.webp" alt="ベルタ膣内フローラ検査キット">
1301                  <h4 class="rabel_fix">ベルタ<span>膣内フローラ検査キット</span></h4>
1302                  <p>自宅で簡単に膣内フローラをチェックできる検査キット</p>
1303                </a>
1304              </li>
1305              <li>
1306                <a href="https://ec.belta.co.jp/products/rooibos-tea/">
1307                  <img src="https://assets.belta.co.jp/common/pkg_nav_item_mnty_rbstea_2.webp" alt="ベルタルイボスティー">
1308                  <h4 class="rabel_fix">ベルタ<span>ルイボスティー</span></h4>
1309                  <p>妊活中から妊娠中まで、オーガニック認証済みのハーブティー</p>
1310                </a>
1311              </li>
1312              <li>
1313                <a href="https://ec.belta.co.jp/products/enzyme-drink/">
1314                  <img src="https://assets.belta.co.jp/common/pkg_nav_item_body_enz_4.webp" alt="ベルタ酵素ドリンク">
1315                  <h4 class="rabel_fix">ベルタ<span>酵素ドリンク</span></h4>
1316                  <p>234種類の植物発酵エキスと美容成分、美味しいピーチ味で置き換え酵素ダイエット</p>
1317                </a>
1318              </li>
1319              <li>
1320                <a href="https://ec.belta.co.jp/products/bellyband/">
1321                  <img src="https://assets.belta.co.jp/common/pkg_nav_item_mnty_bellyband_2.webp" alt="ベルタ温活シルク腹巻き">
1322                  <h4 class="rabel_fix">ベルタ<span>温活シルク腹巻き</span></h4>
1323                  <p>【妊活中】上質シルクとオーガニックコットンで温活できる天然シルクの妊活用腹巻き</p>
1324                </a>
1325              </li>
1326            </ul>
1327          </div>
1328        </div>
1329      </div>
1330    </li>
1331
1332    <li class="js-item_ctg">
1333      <!-- modal before -->
1334      <div class="top-lineup_item_area">
1335        <div class="top-lineup_item_img">
1336          <img src="https://assets.belta.co.jp/common/pkg_nav_ad_maternity_5.webp" alt="">
1337        </div>
1338        <div class="top-lineup_item_text_area">
1339          <span class="label_ttl">マタニティケア</span>
1340          <span class="item_ctg_stg pregnancy_stg ">妊娠中</span>
1341          <span class="label_txt">妊娠中ママのカラダのケアと、お腹の中の新しい命を育む</span>
1342        </div>
1343      </div>
1344      <!-- modal -->
1345      <div class="top-lineup_item_modal_area">
1346        <div class="top-lineup_item_modal">
1347          <div class="top-lineup_item_modal_content">
1348            <div class="top-lineup_item_modal_close"></div>
1349            <h3>マタニティケア<span class="item_ctg_stg pregnancy_stg">妊娠中</span></h3>
1350            <ul class="top-lineup_item-item">
1351              <li>
1352                <a href="https://ec.belta.co.jp/products/folate/">
1353                  <img src="https://assets.belta.co.jp/common/pkg_nav_item_mnty_flt_3.webp" alt="ベルタ葉酸サプリ">
1354                  <h4 class="rabel_fix">ベルタ<span>葉酸サプリ</span></h4>
1355                  <p>モノグルタミン酸型・酵母100%の葉酸480µg+妊娠中に必要な栄養素をバランス良く</p>
1356                </a>
1357              </li>
1358              <li>
1359                <a href="https://ec.belta.co.jp/products/rooibos-tea/">
1360                  <img src="https://assets.belta.co.jp/common/pkg_nav_item_mnty_rbstea_2.webp" alt="ベルタルイボスティー">
1361                  <h4 class="rabel_fix">ベルタ<span>ルイボスティー</span></h4>
1362                  <p>妊活中から妊娠中まで、オーガニック認証済みのハーブティー</p>
1363                </a>
1364              </li>
1365              <li>
1366                <a href="https://ec.belta.co.jp/products/mother-cream/">
1367                  <img src="https://assets.belta.co.jp/common/pkg_nav_item_mnty_mam_cream_2.webp" alt="ベルタマザークリーム">
1368                  <h4 class="rabel_fix">ベルタ<span>マザークリーム</span></h4>
1369                  <p>妊娠中のボディケア、産後もキレイなママでいるç
1369‚ºã®ã‚ªãƒ¼ã‚¬ãƒ‹ãƒƒã‚¯å¦Šå¨ ç·šäºˆé˜²ã‚¯ãƒªãƒ¼ãƒ </p>
1370                </a>
1371              </li>
1372              <li>
1373                <a href="https://ec.belta.co.jp/products/maternity-shorts/">
1374                  <img src="https://assets.belta.co.jp/common/pkg_nav_item_mnty_maternityshorts_4.webp" alt="ベルタマタニティショーツ">
1375                  <h4 class="rabel_fix">ベルタ<span>マタニティショーツ</span></h4>
1376                  <p>産前から産後まで履ける、快適さにこだわったマタニティショーツ</p>
1377                </a>
1378              </li>
1379            </ul>
1380          </div>
1381        </div>
1382      </div>
1383    </li>
1384
1385    <li class="js-item_ctg">
1386      <!-- modal before -->
1387      <div class="top-lineup_item_area">
1388        <div class="top-lineup_item_img">
1389          <img src="https://assets.belta.co.jp/common/pkg_nav_ad_child_7.webp" alt="">
1390        </div>
1391        <div class="top-lineup_item_text_area">
1392          <span class="label_ttl">産後・育児・ベビーケア</span>
1393          <span class="item_ctg_stg childcare_stg">産後・育児</span>
1394          <span class="label_txt">産後・育児中のママのココロとカラダの不調を整える</span>
1395        </div>
1396      </div>
1397      <!-- modal  -->
1398      <div class="top-lineup_item_modal_area">
1399        <div class="top-lineup_item_modal">
1400          <div class="top-lineup_item_modal_content">
1401            <div class="top-lineup_item_modal_close"></div>
1402            <h3>産後・育児・ベビーケア<span class="item_ctg_stg childcare_stg">産後・育児</span></h3>
1403            <ul class="top-lineup_item-item">
1404              <li>
1405                <a href="https://ec.belta.co.jp/products/mamarhythm/">
1406                  <img src="https://assets.belta.co.jp/common/pkg_nav_item_mamarhyzthm_4.webp" alt="ベルタママリズム">
1407                  <h4 class="rabel_fix">ベルタ<span>ママリズム</span></h4>
1408                  <p>DHAが2倍の吸収率、育児中ママの笑顔と元気のために育児疲れ用DHA・EPAサプリ</p>
1409                </a>
1410              </li>
1411              <li>
1412                <a href="https://ec.belta.co.jp/products/enzyme-drink/">
1413                  <img src="https://assets.belta.co.jp/common/pkg_nav_item_body_enz_4.webp" alt="ベルタ酵素ドリンク">
1414                  <div class="rabel_fix">ベルタ<span>酵素ドリンク</span></div>
1415                  <p>234種類の植物発酵エキスと美容成分、美味しいピーチ味で置き換え酵素ダイエット</p>
1416                </a>
1417              </li>
1418              <li>
1419                <a href="https://ec.belta.co.jp/products/slimtriple/">
1420                  <img src="https://assets.belta.co.jp/common/pkg_nav_item_body_slimtriple_2.webp" alt="ベルタスリムトリプル">
1421                  <div class="rabel_fix">ベルタ<span>スリムトリプル</span></div>
1422                  <p>お腹周りの脂肪(内臓脂肪・皮下脂肪)を減らし、便通を改善する機能性サプリ</p>
1423                </a>
1424              </li>
1425              <li>
1426                <a href="https://ec.belta.co.jp/products/iron-ramune/">
1427                  <img src="https://assets.belta.co.jp/common/pkg_nav_item_body_iron_ramune.webp" alt="しっかり鉄分ラムネ">
1428                  <div class="rabel_fix">しっかり鉄分ラムネ</div>
1429                  <p>親子でおいしく鉄分チャージ!</p>
1430                </a>
1431              </li>
1432              <li>
1433                <a href="https://ec.belta.co.jp/products/hair-lotion/">
1434                  <img src="https://assets.belta.co.jp/common/pkg_nav_item_hair_lotion_new_4.webp" alt="ベルタヘアローション">
1435                  <h4 class="rabel_fix">ベルタ<span>ヘアローション</span></h4>
1436                  <p>育毛・頭皮ケア成分117種類配合、女性の為に開発された育毛ローション</p>
1437                </a>
1438              </li>
1439              <li>
1440                <a href="https://ec.belta.co.jp/products/baby-food/">
1441                  <img src="https://assets.belta.co.jp/common/rinyu_0183.webp" alt="ベルタ離乳食サービス">
1442                  <h4 class="rabel_fix">ベルタ<span>離乳食サービス</span><span class="food_period">(5ヶ月〜1歳3ヶ月)</span></h4>
1443                  <p>月齢に合わせた離乳食を自動でお届け。離乳食の悩みも専門家が個別サポート</p>
1444                </a>
1445              </li>
1446              <li>
1447                <a href="https://ec.belta.co.jp/products/kids-food/">
1448                  <img src="https://assets.belta.co.jp/common/yo-ji_0180.webp" alt="ベルタ幼児食サービス">
1449                  <h4 class="rabel_fix">ベルタ<span>幼児食サービス</span><span class="food_period">(1歳半〜5歳頃)</span></h4>
1450                  <p>離乳食を卒業したお子さんに栄養満点な幼児食をお届け。専門家によるサポートも。</p>
1451                </a>
1452              </li>
1453              <li>
1454                <a href="https://ec.belta.co.jp/products/pelvic-belt/">
1455                  <img src="https://assets.belta.co.jp/common/pkg_nav_item_mnty_pelvic_belt_2.webp" alt="ベルタ骨盤ベルト">
1456                  <h4 class="rabel_fix">ベルタ<span>骨盤ベルト</span></h4>
1457                  <p>【産後】2段階の調節で骨盤をしっかりサポート。着けやすさと快適さにこだわった産後ママにおすすめの骨盤ベルト。</p>
1458                </a>
1459              </li>
1460              
1461                            <li>
1462                <a href="https://ec.belta.co.jp/products/baby-oil/">
1463                  <img src="https://assets.belta.co.jp/common/pkg_nav_item_baby_oil_2.webp" alt="ベルタベビーオイル">
1464                  <h4 class="rabel_fix">ベルタ<span>ベビーオイル</span></h4>
1465                  <p>天然100%・界面活性剤不使用のオーガニックベビーオイル</p>
1466                </a>
1467              </li>
1468              <li>
1469                <a href="https://ec.belta.co.jp/products/baby-soap/">
1470                  <img src="https://assets.belta.co.jp/common/pkg_nav_item_baby_soap_2.webp" alt="ベルタベビーソープ">
1471                  <h4 class="rabel_fix">ベルタ<span>ベビーソープ</span></h4>
1472                  <p>こんな洗い上がり初めて!ミルクで洗う泡立てないベビーソープ</p>
1473                </a>
1474              </li>
1475                          </ul>
1476          </div>
1477        </div>
1478      </div>
1479    </li>
1480
1481    <li class="js-item_ctg">
1482      <!-- modal before -->
1483      <div class="top-lineup_item_area">
1484        <div class="top-lineup_item_img small">
1485          <img src="https://assets.belta.co.jp/common/pkg_nav_ad_resilience_5.webp" alt="">
1486        </div>
1487        <div class="top-lineup_item_text_area">
1488          <span class="label_ttl">更年期ケア</span>
1489          <span class="label_txt">変わりめ期のココロとカラダの不調を整える</span>
1490        </div>
1491      </div>
1492      <!-- modal -->
1493      <div class="top-lineup_item_modal_area">
1494        <div class="top-lineup_item_modal">
1495          <div class="top-lineup_item_modal_content">
1496            <div class="top-lineup_item_modal_close"></div>
1497            <h3>更年期ケア</h3>
1498            <ul class="top-lineup_item-item">
1499              <li>
1500                <a href="https://ec.belta.co.jp/products/medicinal-bath/">
1501                  <img src="https://assets.belta.co.jp/common/pkg_nav_item_rse_medicinalbath_3.webp" alt="ベルタきざみ本薬湯">
1502                  <h4 class="rabel_fix">ベルタ<span>きざみ本薬湯</span></h4>
1503                  <p>ツラい冷えや肩こり・腰痛、疲労回復に効く、生薬100%の薬用入浴剤</p>
1504                </a>
1505              </li>
1506              <li>
1507                <a href="https://ec.belta.co.jp/products/equrhythm/">
1508                  <img src="https://assets.belta.co.jp/common/pkg_nav_item_rse_equrhythm_3.webp" alt="ベルタエクリズム">
1509                  <h4 class="rabel_fix">ベルタ<span>エクリズム</span></h4>
1510                  <p>ゆらぎ期の女性の不調や悩みに寄り添うGABA配合の機能性プレエクオール&reg;サプリ</p>
1511                </a>
1512              </li>
1513            </ul>
1514          </div>
1515        </div>
1516      </div>
1517    </li>
1518  </ul>
1519</nav>
1520          </div>
1521          <div class="btn_area btn_area--lineup">
1522            <button class="belta_btn"><a href="https://ec.belta.co.jp/">商品を探す</a></button>
1523          </div>
1524        </div>
1525      </div>
1526    </section>
1527
1528    <section class="section section--voice">
1529            <div class="section--voice__bg" aria-hidden="true">
1530        <video class="section--voice__video" autoplay muted loop playsinline poster="https://assets.belta.co.jp/user_voice/our_stories/fv-video-poster.webp"
1531          data-src-pc="https://assets.belta.co.jp/user_voice/our_stories/fv-movie-pc.mp4"
1532          data-src-sp="https://assets.belta.co.jp/user_voice/our_stories/fv-movie-sp.mp4"></video>
1533        
1533<script>
1534(function () {
1535  var PC_QUERY = '(min-width: 768px)';
1536  var videos = document.querySelectorAll('video[data-src-pc][data-src-sp]');
1537  if (!videos.length) return;
1538
1539  var mql = window.matchMedia(PC_QUERY);
1540
1541  function applySource(video) {
1542    var src = mql.matches ? video.dataset.srcPc : video.dataset.srcSp;
1543    if (!src || video.getAttribute('src') === src) return;
1544    video.setAttribute('src', src);
1545    // autoplay属性は残るため、load()後にそのまま再生が始まる
1546    video.load();
1547  }
1548
1549  function applyAll() {
1550    Array.prototype.forEach.call(videos, applySource);
1551  }
1552
1553  applyAll();
1554
1555  // 端末の回転などでブレークポイントをまたいだ時だけ切り替える
1556  if (mql.addEventListener) {
1557    mql.addEventListener('change', applyAll);
1558  } else if (mql.addListener) {
1559    mql.addListener(applyAll); // Safari 13以前
1560  }
1561})();
1562</script>
1562
1563
1564        <img class="section--voice__poster" src="https://assets.belta.co.jp/user_voice/our_stories/fv-video-poster.webp" alt="">
1565        <div class="section--voice__overlay"></div>
1566                <div class="fv-orb-layer" aria-hidden="true">
1567          <span class="fv-orb fv-orb-2"></span>
1568          <span class="fv-orb fv-orb-5"></span>
1569        </div>
1570                <div class="fv-orb-layer fv-orb-layer--bottom" aria-hidden="true">
1571          <span class="fv-orb fv-orb-bottom"></span>
1572        </div>
1573      </div>
1574      <div class="area area--voice">
1575        <h2 class="top__title top__title--voice">
1576          <span class="top__title__cross"><img src="https://assets.belta.co.jp/top/logo_belta.svg" alt="BELTA"></span>お客様の体験記
1577        </h2>
1578        <div class="top__item">
1579          <div class="top__item__area top__item__area--voice">
1580            <div class="top__item__area__text">
1581              <h3 class="top__item__area__text__header">
1582                それぞれのライフステージをあゆむ<br>
1583                等身大のストーリー
1584              </h3>
1585              <p class="top__item__area__text__p">
1586                飾らない言葉で、ありのままの体験をお話しいただきました。<br>
1587                「100人いれば100通りのあゆみ」<br>
1588                誰かの想いが、誰かの明日を照らす場所。
1589              </p>
1590            </div>
1591          </div>
1592          <div class="btn_area btn_area--voice">
1593            <button class="belta_btn belta_btn--voice"><a href="/user_voice/">みんなのストーリーをみる</a></button>
1594          </div>
1595        </div>
1596      </div>
1597    </section>
1598
1599    <section class="section section--cs">
1600      <div class="area area--cs">
1601        <h2 class="top__title top__title--cs">
1602          <span class="top__title__cross"><img src="https://assets.belta.co.jp/top/logo_belta.svg" alt="BELTA"></span>カスタマーサクセス
1603        </h2>
1604        <div class="top__item">
1605          <div class="top__item__area top__item__area--cs">
1606            <figure class="top__item__area__figure">
1607              <img src="https://assets.belta.co.jp/top/top_cs_members_2025.webp" alt="カスタマーサクセスのメンバー集合写真">
1608            </figure>
1609            <div class="top__item__area__text">
1610              <h3 class="top__item__area__text__header">
1611                モノだけで届けられる価値は限られる<br>
1612                もう1人で悩まないでください
1613              </h3>
1614              <p class="top__item__area__text__p">
1615                商品の話でなくても大丈夫。<br class="u-dp_pc">電話、メール、LINEでも。<br class="u-dp_pc">
1616                あなたの思い、悩み、不安、不満……<br class="u-dp_pc"><span class="br_space">&emsp;</span>一緒に考えていきたいです。<br class="u-dp_pc">カスタマーサクセスはBELTAブランドの意志です。
1617              </p>
1618            </div>
1619          </div>
1620          <div class="btn_area btn_area--cs">
1621            <button class="belta_btn"><a href="/support/">カスタマーサクセスについて</a></button>
1622          </div>
1623        </div>
1624      </div>
1625    </section>
1626
1627    <section class="section section--expert">
1628      <div class="area area--expert">
1629        <h2 class="top__title top__title--expert"><span class="top__title__cross"><img src="https://assets.belta.co.jp/top/logo_belta.svg" alt="BELTA"></span>専門家相談サービス</h2>
1630        <div class="top__item">
1631          <div class="top__item__area top__item__area--expert">
1632            <figure class="top__item__area__figure figure--expert">
1633              <img src="https://assets.belta.co.jp/top/top_expert_members_2025_figure.webp" class="" alt="belta専門家、集合写真">
1634              <div class="figure--expert--figure">
1635                <img src="https://assets.belta.co.jp/top/top_expert_members_2025_copy.webp" class="" alt="">
1636              </div>
1637            </figure>
1638
1639            <div class="top__item__area__text">
1640              <h3 class="top__item__area__text__header">
1641                ベルタ社員による<br>
1642                専属の専門家相談サービス
1643              </h3>
1644              <p class="top__item__area__text__p">
1645                <span class="sp_none">薬剤師・管理栄養士・看護師・助産師<br class="u-dp_pc">
1646                  ・胚培養士・妊活マイスターなど、</span><br class="u-dp_pc">国家資格者から専門知識を有する<br class="u-dp_pc">メンバーがあなたの悩みを無料で解決します。
1647              </p>
1648            </div>
1649          </div>
1650          <div class="btn_area btn_area--expert">
1651            <button class="belta_btn"><a href="/expert/">専門家相談サービスについて</a></button>
1652          </div>
1653        </div>
1654      </div>
1655    </section>
1656
1657    
1658    
1659    <section class="section section--footer">
1660            <footer>
1661  <div class="ftr_wrap">
1662            
1663    <style type="text/css">
1664      .fz-ajst {
1665        font-weight: bold !important;
1666      }
1667
1668      .menu_acd .menu-ttl,
1669      .menu_lst .menu-ttl {
1670        color: #3d3d3d;
1671      }
1672/*
1673      .menu_acd:first-child div ul li {
1674        white-space: nowrap;
1675      }
1676*/
1677      .group_site_inner img {
1678        -webkit-backface-visibility: hidden;
1679      }
1680
1681      .menu_acd .menu_acd_usage_ul .footer_mikaduki {
1682        height: auto;
1683      }
1684
1685      @media screen and (max-width:768px) {
1686
1687        .menu_acd,
1688        .menu_lst {
1689          margin-left: 0px !important;
1690        }
1691
1692        .margin-tp0 {
1693          margin-top: 0px !important;
1694        }
1695
1696        .menu_acd input:checked~ul li.sp-h30 {
1697          height: 30px !important;
1698          min-height: 30px;
1699        }
1700      }
1701/*
1702      @media screen and (min-width:768px) {
1703        .h3-2em_pc {
1704          height: 58px !important;
1705        }
1706      }*/
1707
1708    </style>
1709
1710    <nav class="ftr_bgc">
1711      <ul class="ftr_menu_lst">
1712        <li class="menu_acd menu_acd_large border_contents flex_menu">
1713          <div class="footer_border">
1714            <input type="checkbox" name="pc_open" id="menu_acd_bar26" class="accordion">
1715            <p class="menu-ttl">
1716              <label for="menu_acd_bar26">カテゴリから商品を探す</label>
1717            </p>
1718            <ul class="goods-search">
1719              <div id="menu_acd_usage">
1720                <input type="checkbox" id="menu_acd_bar28" class="accordion">
1721                <label for="menu_acd_bar28">プレコンセプションケア(妊娠前・妊活中)</label>
1722                  <ul class="menu_acd_usage_ul">
1723                    <li><a href="https://ec.belta.co.jp/products/prerhythm/">妊活サプリ</a></li>
1724                    <li><a href="https://ec.belta.co.jp/products/runseed/">男性妊活サプリ</a></li>
1725                    <li><a href="https://ec.belta.co.jp/products/preflora/">膣内フローラサプリ</a></li>
1726                    <li><a href="https://ec.belta.co.jp/products/flora-check/">膣内フローラ検査キット</a></li>
1727                    <li><a href="https://ec.belta.co.jp/products/rooibos-tea/">ルイボスティー</a></li>
1728                    <li><a href="https://ec.belta.co.jp/products/enzyme-drink/">酵素ドリンク</a></li>
1729                    <li><a href="https://ec.belta.co.jp/products/bellyband/">温活シルク腹巻き</a></li>
1730                  </ul>
1731              </div>
1732              <div class="menu_acd_usage_ul">
1733                <input type="checkbox" id="menu_acd_bar29" class="accordion">
1734                <label for="menu_acd_bar29">
1735                  マタニティケア(妊娠中)
1736                </label>
1737                <ul class="menu_acd_usage_ul">
1738                  <li><a href="https://ec.belta.co.jp/products/folate/">葉酸サプリ</a></li>
1739                  <li><a href="https://ec.belta.co.jp/products/rooibos-tea/">ルイボスティー</a></li>
1740                  <li><a href="https://ec.belta.co.jp/products/mother-cream/">マザークリーム</a></li>
1741                  <li><a href="https://ec.belta.co.jp/products/maternity-shorts/">マタニティショーツ</a></li>
1742                  <li><a href="https://ec.belta.co.jp/products/bellyband/">温活シルク腹巻き</a></li>
1743                </ul>
1744              </div>
1745              <div class="menu_acd_usage_ul">
1746                <input type="checkbox" id="menu_acd_bar30" class="accordion">
1747                <label for="menu_acd_bar30">産後・育児中ケア</label>
1748                <ul class="menu_acd_usage_ul">
1749                  <li><a href="https://ec.belta.co.jp/products/mamarhythm/">DHA・EPAサプリ</a></li>
1750                  <li><a href="https://ec.belta.co.jp/products/iron-ramune/">鉄分ラムネ</a></li>
1751                  <li><a href="https://ec.belta.co.jp/products/enzyme-drink/">酵素ドリンク</a></li>
1752                  <li><a href="https://ec.belta.co.jp/products/slimtriple/">ダイエットサプリ</a></li>
1753                  <li><a href="https://ec.belta.co.jp/products/hair-lotion/">ヘアローション</a></li>
1754                  <li><a href="https://ec.belta.co.jp/products/rooibos-tea/">ルイボスティー</a></li>
1755                  <li><a href="https://ec.belta.co.jp/products/baby-food/">離乳食サービス</a></li>
1756                  <li><a href="https://ec.belta.co.jp/products/kids-food/">幼児食サービス</a></li>
1757                  <li><a href="https://ec.belta.co.jp/products/pelvic-belt/">骨盤ベルト</a></li>
1758                </ul>
1759              </div>
1760              <div class="menu_acd_usage_ul">
1761                <input type="checkbox" id="menu_acd_bar31" class="accordion">
1762                <label for="menu_acd_bar31">ベビーケア</label>
1763                <ul class="menu_acd_usage_ul">
1764                  <li><a href="https://ec.belta.co.jp/products/baby-oil/">ベビーオイル</a></li>
1765                  <li><a href="https://ec.belta.co.jp/products/baby-soap/">ベビーソープ</a></li>
1766                  <li><a href="https://ec.belta.co.jp/products/baby-oil-gift/">ベビースキンケアギフトセット</a></li>
1767                  <li><a href="https://ec.belta.co.jp/products/baby-food/">離乳食サービス</a></li>
1768                  <li><a href="https://ec.belta.co.jp/products/kids-food/">幼児食サービス</a></li>
1769                </ul>
1770              </div>
1771              <div class="menu_acd_usage_ul">
1772                <input type="checkbox" id="menu_acd_bar41" class="accordion" />
1773                <label for="menu_acd_bar41">更年期ケア</label>
1774                <ul class="menu_acd_usage_ul">
1775                  <li><a href="https://ec.belta.co.jp/products/medicinal-bath/">薬用入浴剤</a></li>
1776                  <li><a href="https://ec.belta.co.jp/products/equrhythm/">エクオールサプリ</a></li>
1777                </ul>
1778              </div>
1779              <div class="menu_acd_usage_ul">
1780                <input type="checkbox" id="menu_acd_bar32" class="accordion">
1781                <label for="menu_acd_bar32">トータルヘアケア</label>
1782                <ul class="menu_acd_usage_ul">
1783                  <li><a href="https://ec.belta.co.jp/products/hair-lotion/">ヘアローション</a></li>
1784                  <li><a href="https://ec.belta.co.jp/products/scalp-shampoo/">スカルプシャンプー</a></li>
1785                  <li><a href="https://ec.belta.co.jp/products/hair-color-treatment/">ヘアカラートリートメント</a></li>
1786                </ul>
1787              </div>
1788              <div class="menu_acd_usage_ul">
1789                <input type="checkbox" id="menu_acd_bar33" class="accordion">
1790                <label for="menu_acd_bar33">トータルボディケア</label>
1791                <ul class="menu_acd_usage_ul">
1792                  <li><a href="https://ec.belta.co.jp/products/slimtriple/">ダイエットサプリ</a></li>
1793                  <li><a href="https://ec.belta.co.jp/products/enzyme-drink/">酵素ドリンク</a></li>
1794                  <li><a href="https://ec.belta.co.jp/products/pueraria/">プエラリアサプリ</a></li>
1795                  <li><a href="https://ec.belta.co.jp/products/royal-omega/">オメガ3サプリ</a></li>
1796                  <li><a href="https://ec.belta.co.jp/products/gluten-care/">グルテン分解乳酸菌サプリ</a></li>
1797                  <li><a href="https://ec.belta.co.jp/products/megurine/">めぐり&おやすみサプリ</a></li>
1798                  <li><a href="https://ec.belta.co.jp/products/breath-flora/">フローラケアサプリ</a></li>
1799                </ul>
1800              </div>
1801              <div class="menu_acd_usage_ul">
1802                <input type="checkbox" id="menu_acd_bar34" class="accordion">
1803                <label for="menu_acd_bar34">トータルインナーケア</label>
1804                <ul class="menu_acd_usage_ul">
1805                  <li><a href="https://ec.belta.co.jp/products/bellyband/">温活シルク腹巻き</a></li>
1806                  <li><a href="https://ec.belta.co.jp/products/maternity-shorts/">マタニティショーツ</a></li>
1807                  <li><a href="https://ec.belta.co.jp/products/pelvic-belt/">骨盤ベルト</a></li>
1808                </ul>
1809              </div>
1810            </ul>
1811          </div>
1812
1813          <div class="footer_border">
1814            <input type="checkbox" name="pc_open" id="menu_acd_bar35" class="accordion">
1815            <p class="menu-ttl">
1816              <label for="menu_acd_bar35">ライフステージから商品を探す</label>
1817            </p>
1818            <ul class="menu_acd_usage_ul">
1819              <li><a href="/beauty/">自分磨き</a></li>
1820              <li><a href="/pregnancy/">妊活中</a></li>
1821              <li><a href="/maternity/">妊娠中</a></li>
1822              <li><a href="/childcare/">産後・育児中</a></li>
1823              <li><a href="/resilience/">レジリエンスビューティー</a></li>
1824              <li><a href="/sophisticatedbeauty/">洗練された美と健康</a></li>
1825            </ul>
1826          </div>
1827        </li>
1828
1829        <li class="menu_lst menu_acd border_contents flex_menu">
1830          <div class="footer_border">
1831            <input type="checkbox" name="pc_open" id="menu_acd_bar24" class="accordion" />
1832            <p class="menu-ttl"><label for="menu_acd_bar24">BELTAブランド</label></p>
1833            <ul>
1834              <li><a href="/brand/">BELTAとは</a></li>
1835              <li><a href="/support/">カスタマーサクセスとは</a></li>
1836              <li><a href="/store/">取り扱い店舗</a></li>
1837              <li><a href="/user_voice/">お客様の体験記</a></li>
1838            </ul>
1839          </div>
1840        </li>
1841                <li class="menu_acd_large menu_acd border_contents flex_menu">
1842          <div class="footer_border">
1843            <input type="checkbox" name="pc_open" id="menu_acd_bar36" class="accordion" />
1844            <p class="menu-ttl"><label for="menu_acd_bar36">BELTAの活動</label></p>
1845            <ul>
1846              <li>
1847                <a href="/preconceptioncare/">
1848                  <span class="menu-active__image"><img src="https://assets.belta.co.jp/top/logo_belta_black.webp" alt=""></span><span class="menu-active__text">プレコンセプションケア</span></a>
1849              </li>
1850              <li><a href="/sports/"><span class="menu-active__image"><img src="https://assets.belta.co.jp/top/logo_belta_black.webp" alt=""></span><span class="menu-active__text">女性アスリート</span></a></li>
1851              <li><a href="/local_government/"><span class="menu-active__image"><img src="https://assets.belta.co.jp/top/logo_belta_black.webp" alt=""></span><span class="menu-active__text">自治体との連携</span></a></li>
1852              <li><a href="/research_and_development/"><span class="menu-active__image"><img src="https://assets.belta.co.jp/top/logo_belta_black.webp" alt=""></span><span class="menu-active__text">研究開発</span></a></li>
1853              <li><a href="/doctor/"><span class="menu-active__image"><img src="https://assets.belta.co.jp/top/logo_belta_black.webp" alt=""></span><span class="menu-active__text">不妊治療専門医</span></a></li>
1854              <li><a href="/education/"><span class="menu-active__image"><img src="https://assets.belta.co.jp/top/logo_belta_black.webp" alt=""></span><span class="menu-active__text">教育機関との連携</span></a></li>
1855              <li><a href="/cheer/" class="flex-aic"><span class="menu-active__image"><img src="https://assets.belta.co.jp/top/logo_belta_black.webp" alt=""></span><span class="menu-active__text">応援する<img src="https://assets.belta.co.jp/event/interview_202412/icon_good.svg" alt="good" width="17"></span></a></li>
1856              <li><a href="/SDGs/">SDGsへの取り組み</a></li>
1857              <li><a href="/activity_report/">BELTA活動レポート</a></li>
1858              <li class="h3-2em_pc">
1859                <a href="https://mikaduki.belta.co.jp/" target="_blank" class="shop_faq_top target_blank">
1860                  女性の課題解決に取り組む団体を支援<br>
1861                  「Mikaduki/ミカヅキ」
1862                </a>
1863              </li>
1864              <!-- <div id="menu_acd_usage">
1865                <input type="checkbox" id="menu_acd_bar45" class="accordion" />
1866                <label for="menu_acd_bar45" class="fz-ajst_menu_acd_bar14">レポート</label>
1867                <ul class="menu_acd_usage_ul">
1868                  <li><a href="/activity_report/">BELTA活動レポート</a></li>
1869                  <li><a href="/event_report/">イベントレポート</a></li>
1870                  <li><a href="/questionnaire_report/">アンケートレポート</a></li>
1871                </ul>
1872              </div>
1873              <div id="menu_acd_usage">
1874                <input type="checkbox" id="menu_acd_bar46" class="accordion" />
1875                <label for="menu_acd_bar46" class="fz-ajst_menu_acd_bar14">プロジェクト</label>
1876                <ul class="menu_acd_usage_ul">
1877                  <li>
1878                    <a href="https://mikaduki.belta.co.jp/" target="_blank" class="fz-ajst shop_faq_top target_blank">女性の課題解決プロジェクト<br class="u-dp_sp">「Mikaduki/ミカヅキ」</a>
1879                  </li>
1880                  <li>
1881                    <a href="https://smiledonor.belta.co.jp/" target="_blank" class="fz-ajst shop_faq_top target_blank">ものを各国に届けるプロジェクト<br class="u-dp_sp">「スマイルドナー」</a>
1882                  </li>
1883                </ul>
1884              </div> -->
1885              <!-- <li class="sp-h30"><a href="/security/" class="pad_top_item_bot margin-tp0">情報セキュリティにおける取り組み</a></li> -->
1886              <li><a href="/security/" class="pad_top_item_bot margin-tp0">情報セキュリティにおける取り組み</a></li>
1887            </ul>
1888          </div>
1889        </li>
1890        <li class="menu_lst menu_acd border_contents flex_menu">
1891          <div class="footer_border">
1892            <input type="checkbox" name="pc_open" id="menu_acd_bar25" class="accordion" />
1893            <p class="menu-ttl"><label for="menu_acd_bar25">BELTAのサービス</label></p>
1894            <ul>
1895              <li><a class="pad_top_item_mid" href="/expert/">専門家相談サービス</a></li>
1896              <li><a class="pad_top_item_mid" href="/hoken/">保険相談サービス</a></li>
1897              <li><a href="/questionnaire_report/">みんなの声【アンケート調査】</a></li>
1898              <li><a href="https://smiledonor.belta.co.jp/" target="_blank" class="target_blank">子供との思い出を捨てずに無料寄付</a></li>
1899              <li><a href="/line/">公式サポートLINE</a></li>
1900              <li><a href="/channel/" class="pad_top_item_bot">妊活・妊娠中のお悩みを動画でサポート</a></li>
1901              <li><a href="/check/" class="pad_top_item_bot">子育てママストレスチェック診断</a></li>
1902              <li>
1902<a href="https://resilience.belta.co.jp/" target="_blank" class="pad_top_item_bot target_blank">更年期世代のレジリエンス度診断</a></li>
1903            </ul>
1904          </div>
1905        </li>
1906        <li class="menu_acd menu_acd_large border_contents flex_menu">
1907          <div class="footer_border">
1908            <input type="checkbox" name="pc_open" id="menu_acd_bar37" class="accordion">
1909            <p class="menu-ttl">
1910              <label for="menu_acd_bar37">ご利用について</label>
1911            </p>
1912            <ul>
1913              <li class="mgnb_none mgn_set">
1914                <a class="fz-ajst" href="https://ec.belta.co.jp/payment/">支払い</a>
1915              </li>
1916              <li class="mgnb_none mgn_set">
1917                <a class="fz-ajst" href="https://ec.belta.co.jp/delivery/">発送</a>
1918              </li>
1919              <li class="mgnb_none mgn_set">
1920                <a class="fz-ajst" href="https://ec.belta.co.jp/returning/">返品・返金保証</a>
1921              </li>
1922              <li class="mgnb_none mgn_set">
1923                <a class="fz-ajst" href="https://ec.belta.co.jp/cancel/">各種変更・解約</a>
1924              </li>
1925              <li class="mgnb_none mgn_set">
1926                <a class="fz-ajst" href="https://ec.belta.co.jp/regular/">定期便</a>
1927              </li>
1928              <li class="mgnb_none mgn_set">
1929                <a class="fz-ajst" href="https://ec.belta.co.jp/point/">ポイント交換</a>
1930              </li>
1931            </ul>
1932          </div>
1933          <div class="menu_firstlevel-link">
1934            <ul>
1935              <li class="menu_firstlevel-link__item">
1936                <a href="https://ec.belta.co.jp/column/">お悩み解決ガイド</a>
1937              </li>
1938            </ul>
1939          </div>
1940          <div class="ftr-submenu u-dp_pc">
1941            <ul class="ftr-submenu__list">
1942              <li class="ftr-submenu__item"><a href="https://ec.belta.co.jp/faq/">よくある質問</a></li>
1943              <li class="ftr-submenu__item"><a href="/contact/">お問い合わせ</a></li>
1944              <li class="ftr-submenu__item"><a href="/news/">お知らせ</a></li>
1945              <li class="ftr-submenu__item"><a href="https://belta-shop.jp/mypage/login.php">マイページ</a></li>
1946            </ul>
1947          </div>
1948          <div class="area-f_pmark u-dp_pc">
1949            <!-- <a href="https://privacymark.jp/" target="_blank"> -->
1950            <img src="https://assets.belta.co.jp/top/pmark.jpg" alt="プライバシーマーク">
1951            <!-- </a> -->
1952            <p>当社はプライバシーマーク取得企業です</p>
1953          </div>
1954        </li>
1955        <li class="menu_acd menu_acd_large border_contents flex_menu company-pc-layout">
1956          <div class="footer_border">
1957            <input type="checkbox" name="pc_open" id="menu_acd_bar40" class="accordion">
1958            <p class="menu-ttl">
1959              <label for="menu_acd_bar40">会社概要・規約</label>
1960            </p>
1961            <ul>
1962              <li class="mgnb_none mgn_set"><a class="fz-ajst" href="/about/">会社概要</a></li>
1963              <li class="mgnb_none mgn_set"><a class="fz-ajst" href="/privacy/">プライバシーポリシー</a></li>
1964              <li class="mgnb_none mgn_set"><a class="fz-ajst" href="https://ec.belta.co.jp/order/">特定商取引法に基づく表記</a></li>
1965              <li class="mgnb_none mgn_set"><a class="fz-ajst" href="/kiyaku/">利用規約</a></li>
1966              <li class="mgnb_none mgn_set"><a class="fz-ajst" href="/sitemap/">サイトマップ</a></li>
1967            </ul>
1968          </div>
1969        </li>
1970        <div class="ftr-submenu--sp">
1971          <ul class="ftr-submenu__list--sp ftr-flex--around">
1972            <li class="ftr-submenu__item ftr-submenu__item--sp"><a href="https://ec.belta.co.jp/faq/">よくある質問</a></li>
1973            <li class="ftr-submenu__item ftr-submenu__item--sp"><a href="/contact/">お問い合わせ</a></li>
1974            <li class="ftr-submenu__item ftr-submenu__item--sp"><a href="/news/">お知らせ</a></li>
1975            <li class="ftr-submenu__item ftr-submenu__item--sp"><a href="https://belta-shop.jp/mypage/login.php">マイページ</a></li>
1976          </ul>
1977        </div>
1978        <div class="ftr-submenu--sp">
1979          <div class="area-f_sns u-dp_sp ftr-submenu__sns--sp">
1980            <p>ベルタ公式SNSで<span>最新情報を受け取る</span></p>
1981            <ul class="footer_sns_list">
1982              <li class="ftr_sns_sp_appearance footer-instagram-menu" id="js-instagram-menu
1982-sp">
1983                <button type="button" class="footer_sns_link footer-instagram-trigger" id="js-instagram-trigger-sp" aria-expanded="false" aria-controls="js-instagram-dropdown-sp">
1984                  <img src="https://assets.belta.co.jp/common/ico_ins.png" alt="ベルタ公式ショップのインスタグラム">
1985                </button>
1986        
1987                <div class="footer-instagram-dropdown" id="js-instagram-dropdown-sp">
1988                  <ul class="footer-instagram-dropdown-list">
1989                    <li>
1990                      <a href="https://www.instagram.com/official_belta/" target="_blank" rel="noopener noreferrer" class="instagram-account">
1991                        <img src="https://assets.belta.co.jp/common/ico_ins.png" alt="" class="instagram-account-icon">
1992                        <span class="instagram-account-text">
1993                          OFFICIAL_BELTA
1994                        </span>
1995                      </a>
1996                    </li>
1997                    <li>
1998                      <a href="https://www.instagram.com/official_belta_ninshin/" target="_blank" rel="noopener noreferrer" class="instagram-account">
1999                        <img src="https://assets.belta.co.jp/common/ico_ins.png" alt="" class="instagram-account-icon">
2000                        <span class="instagram-account-text">
2001                          妊活・妊娠中のお役立ち情報
2002                        </span>
2003                      </a>
2004                    </li>
2005                  </ul>
2006                </div>
2007              </li>
2008        
2009              <li class="ftr_sns_sp_appearance">
2010                <a href="https://liff.line.me/2005931616-x320yYB1?sl=b7d6df9727" class="footer_sns_link" target="_blank" rel="noopener noreferrer">
2011                  <img src="https://assets.belta.co.jp/common/ico_line.png" alt="ベルタ公式ショップのLINE">
2012                </a>
2013              </li>
2014              <li class="ftr_sns_sp_appearance">
2015                <a href="https://www.youtube.com/@ninshin_channnel" class="footer_sns_link" target="_blank" rel="noopener noreferrer">
2016                  <img src="https://assets.belta.co.jp/common/ico_youtube.webp" class="youtube_icon" alt="ベルタ公式ショップのYouTube">
2017                </a>
2018              </li>
2019              <li class="ftr_sns_sp_appearance">
2020                <a href="https://www.tiktok.com/@belta.shop" class="footer_sns_link" target="_blank" rel="noopener noreferrer">
2021                  <img src="https://assets.belta.co.jp/common/ico_tiktok.png" alt="ベルタ公式ショップのTikTok">
2022                </a>
2023              </li>
2024              <li class="ftr_sns_sp_appearance">
2025                <a href="https://x.com/belta_official" class="footer_sns_link" target="_blank" rel="noopener noreferrer">
2026                  <img src="https://assets.belta.co.jp/common/ico_X.svg" alt="ベルタ公式ショップのX">
2027                </a>
2028              </li>
2029              <li class="ftr_sns_sp_appearance">
2030                <a href="https://www.threads.com/@official_belta_ninshin" class="footer_sns_link" target="_blank" rel="noopener noreferrer">
2031                  <img src="https://assets.belta.co.jp/common/ico_threads.svg" alt="ベルタ公式ショップのThreads">
2032                </a>
2033              </li>
2034            </ul>
2035          </div>
2036        </div>
2037        <div class="area-f_pmark u-dp_sp ftr-submenu__pmark--sp">
2038          <!-- <a href="https://privacymark.jp/" target="_blank"> -->
2039          <img src="https://assets.belta.co.jp/top/pmark.jpg" alt="プライバシーマーク">
2040          <!-- </a> -->
2041          <p>当社はプライバシーマーク取得企業です</p>
2042        </div>
2043                <!-- <li class="menu_lst txt_lnk">
2044          <a href="/about/">会社概要</a>
2045          <a href="/privacy/">個人情報保護方針</a>
2046          <a href="/order/">特定商取引法に基づく表記</a>
2047          <a href="/kiyaku/">利用規約</a>
2048          <a href="/sitemap/">サイトマップ</a>
2049        </li> -->
2050        <li class="footer_sns">
2051          <div class="area-f_sns u-dp_pc">
2052            <p>ベルタ公式SNSで<span>最新情報を受け取る</span></p>
2053            <ul class="footer_sns_list">
2054              <li class="ftr_sns_sp_appearance footer-instagram-menu" id="js-instagram-menu">
2055                <button type="button" class="footer_sns_link footer-instagram-trigger" id="js-instagram-trigger" aria-expanded="false" aria-controls="js-instagram-dropdown">
2056                  <img src="https://assets.belta.co.jp/common/ico_ins.png" alt="ベルタ公式ショップのインスタグラム">
2057                </button>
2058                <div class="footer-instagram-dropdown" id="js-instagram-dropdown">
2059                  <ul class="footer-instagram-dropdown-list">
2060                    <li>
2061                      <a href="https://www.instagram.com/official_belta/" target="_blank" rel="noopener noreferrer" class="instagram-account">
2062                        <img src="https://assets.belta.co.jp/common/ico_ins.png" alt="" class="instagram-account-icon">
2063                        <span class="instagram-account-text">
2064                          OFFICIAL_BELTA
2065                        </span>
2066                      </a>
2067                    </li>
2068                    <li>
2069                      <a href="https://www.instagram.com/official_belta_ninshin/" target="_blank" rel="noopener noreferrer" class="instagram-account">
2070                        <img src="https://assets.belta.co.jp/common/ico_ins.png" alt="" class="instagram-account-icon">
2071                        <span class="instagram-account-text">
2072                          妊活・妊娠中のお役立ち情報
2073                        </span>
2074                      </a>
2075                    </li>
2076                  </ul>
2077                </div>
2078              </li>
2079              <li class="ftr_sns_sp_appearance">
2080                <a href="https://liff.line.me/2005931616-x320yYB1?sl=b7d6df9727" class="footer_sns_link" target="_blank" rel="noopener noreferrer">
2081                  <img src="https://assets.belta.co.jp/common/ico_line.png" alt="ベルタ公式ショップのLINE">
2082                </a>
2083              </li>
2084              <li class="ftr_sns_sp_appearance">
2085                <a href="https://www.youtube.com/@ninshin_channnel" class="footer_sns_link" target="_blank" rel="noopener noreferrer">
2086                  <img src="https://assets.belta.co.jp/common/ico_youtube.webp" class="youtube_icon" alt="ベルタ公式ショップのYouTube">
2087                </a>
2088              </li>
2089              <li class="ftr_sns_sp_appearance">
2090                <a href="https://www.tiktok.com/@belta.shop" class="footer_sns_link" target="_blank" rel="noopener noreferrer">
2091                  <img src="https://assets.belta.co.jp/common/ico_tiktok.png" alt="ベルタ公式ショップのTikTok">
2092                </a>
2093              </li>
2094              <li class="ftr_sns_sp_appearance">
2095                <a href="https://x.com/belta_official" class="footer_sns_link" target="_blank" rel="noopener noreferrer">
2096                  <img src="https://assets.belta.co.jp/common/ico_X.svg" alt="ベルタ公式ショップのX">
2097                </a>
2098              </li>
2099              <li class="ftr_sns_sp_appearance">
2100                <a href="https://www.threads.com/@official_belta_ninshin" class="footer_sns_link" target="_blank" rel="noopener noreferrer">
2101                  <img src="https://assets.belta.co.jp/common/ico_threads.svg" alt="ベルタ公式ショップのThreads">
2102                </a>
2103              </li>
2104            </ul>
2105          </div>
2106        </li>
2107                <li class="area-group_site">
2108          <ul>
2109            <li class="menu_acd">
2110              <div>
2111                <input type="checkbox" id="group_site" class="accordion" />
2112                <label for="group_site" class="fz-ajst">関連サービス</label>
2113                <div id="js-slide-group_site" class="group_site_inner">
2114                  <a href="https://palclair.jp" target="_blank" rel="noopener noreferrer"><img src="https://assets.belta.co.jp/footer_logo/logo_palclair.png" alt="ニキビ洗顔ならパルクレール"></a>
2115                  <a href="https://re-shop.jp" target="_blank" rel="noopener noreferrer"><img src="https://assets.belta.co.jp/footer_logo/logo_re.png" alt="ヒト歯髄幹細胞プラセンタ美容液ならRE"></a>
2116                  <a href="https://babyrenta.com" target="_blank" rel="noopener noreferrer"><img src="https://assets.belta.co.jp/footer_logo/logo_babyrenta_202312.png" alt="ベビー用品レンタルはベビレンタ"></a>
2117                  <a href="https://toysub.net/" target="_blank" rel="noopener noreferrer"><img src="https://assets.belta.co.jp/footer_logo/toysub_logo.webp" alt="知育玩具はトイサブ"></a>
2118                  <a href="https://career.qo-ol.jp" target="_blank" rel="noopener noreferrer"><img src="https://assets.belta.co.jp/footer_logo/logo_qoolcareer_20240402.png" alt="産後転職はQOOLキャリア"></a>
2119                  <a href="https://tumugu-service.jp/" target="_blank" rel="noopener noreferrer"><img src="https://assets.belta.co.jp/footer_logo/logo_TUMUGU.png" alt="ライフステージサポートに特化した、新しい福利厚生TUMUGU"></a>
2120                </div>
2121              </div>
2122            </li>
2123          </ul>
2124        </li>
2125      </ul>      <small>
2125© 2013-2026 BELTA Co., Ltd. All rights reserved.</small>
2126    </nav>
2127  </div></footer>
2128
2129<style>
2130  @media screen and (min-width: 768px) {
2131    .qr_link_click:hover {
2132      opacity: .5;
2133    }
2134  }
2135
2136  .lp-modal__contents {
2137    padding: 24px 20px 18px;
2138    position: absolute;
2139    background-color: #fff;
2140    width: 600px;
2141    height: 390px;
2142    border-radius: 20px;
2143    box-shadow: 0 4px 10px rgb(0 0 0 / 16%);
2144    transform: translate(-50%, -50%);
2145    top: 50%;
2146    left: 50%;
2147  }
2148
2149  .lp-modal__qr {
2150    /* width:180px; */
2151    margin: 0 auto;
2152  }
2153
2154  .lp-modal__title {
2155    font-size: 24px;
2156    font-weight: bold;
2157    border-bottom: 2px solid #d76492;
2158    margin-bottom: 20px;
2159    text-align: center;
2160    line-height: 1.6;
2161    padding-bottom: 6px;
2162    width: 290px;
2163    margin-left: auto;
2164    margin-right: auto;
2165  }
2166
2167  .lp-modal__close {
2168    position: absolute;
2169    top: -40px;
2170    right: 4px;
2171  }
2172
2173</style>
2174</body>
2175
2176</html>
2177
2178
2179<script>
2180  window.addEventListener('DOMContentLoaded', () => {
2181    if (window.matchMedia('(min-width: 767px)').matches) {
2182      const pcOpenInputs = document.querySelectorAll('input[name="pc_open"]');
2183      pcOpenInputs.forEach(input => {
2184        input.checked = true;
2185      });
2186    }
2187  });
2188</script>
vendor: 1 bytes, line 2188
2188
2189<script>
2190  (function () {
2191    var menu = document.getElementById('js-instagram-menu-sp');
2192    var trigger = document.getElementById('js-instagram-trigger-sp');
2193
2194    if (!menu || !trigger) return;
2195
2196    var OPEN_CLASS = 'is-instagram-menu-open';
2197
2198    function isSp() {
2199      return window.matchMedia('(max-width: 768px)').matches;
2200    }
2201
2202    function openMenu() {
2203      menu.classList.add(OPEN_CLASS);
2204      trigger.setAttribute('aria-expanded', 'true');
2205    }
2206
2207    function closeMenu() {
2208      menu.classList.remove(OPEN_CLASS);
2209      trigger.setAttribute('aria-expanded', 'false');
2210    }
2211
2212    function toggleMenu() {
2213      if (menu.classList.contains(OPEN_CLASS)) {
2214        closeMenu();
2215      } else {
2216        openMenu();
2217      }
2218    }
2219
2220    trigger.addEventListener('click', function (e) {
2221      if (!isSp()) return;
2222      e.preventDefault();
2223      e.stopPropagation();
2224      toggleMenu();
2225    });
2226
2227    document.addEventListener('click', function (e) {
2228      if (!isSp()) return;
2229      if (!menu.contains(e.target)) {
2230        closeMenu();
2231      }
2232    });
2233
2234    window.addEventListener('resize', function () {
2235      if (!isSp()) {
2236        closeMenu();
2237      }
2238    });
2239  })();
2240</script>
2240
2241
2242    </section>
2243
2244  </section> <!-- </snap ID section> -->
2245
2246  <section id="overlay">
2247    <div class="overlay-close">
2248      <div class="close-icon">
2249        <img src="https://assets.belta.co.jp/top/flower_cross.svg" alt="">
2250      </div>
2251    </div>
2252    <div class="overlay-area">
2253      <h4 class="u-dp_pc">自分のライフステージに合った<br class="u-dp_pc">サプリを選びましょう</h4>
2254      <!-- <h4 class="u-dp_sp arrow_right">自分に合った<br class="u-dp_sp">サプリは?</h4> -->
2255      <div class="overlay-contents">
2256        <a href="https://ec.belta.co.jp/products/folate/?topOverlay=transition" class="u-dp_sp">
2257          <div class="overlay-item overlay-item--folate">
2258            <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/product_folate.webp" alt="ベルタ葉酸サプリ">
2259            <div class="overlay-copy">
2260              <p class="overlay-tag overlay-tag--folate u-dp_pc">妊娠中</p>
2261              <p class="overlay-name u-dp_sp">ベルタ<br class="br_sp39_none">葉酸サプリ</p>
2262            </div>
2263            <div class="overlay-title u-dp_sp">
2264              <p class="overlay-title--folate u-dp_sp">妊娠中サプリ</p>
2265            </div>
2266          </div>
2267        </a>
2268        <a href="https://ec.belta.co.jp/products/prerhythm/?topOverlay=transition">
2269          <div class="overlay-item overlay-item--prerhythm">
2270            <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/product_prerhythm.webp" alt="ベルタプレリズム">
2271            <div class="overlay-copy">
2272              <p class="overlay-tag overlay-tag--prerhythm u-dp_pc">妊活中</p>
2273              <p class="overlay-name u-dp_sp">ベルタ<br class="br_sp39_none">プレリズム</p>
2274            </div>
2275            <div class="overlay-title u-dp_sp">
2276              <p class="overlay-title--prerhythm">妊活中サプリ</p>
2277            </div>
2278          </div>
2279        </a>
2280        <a href="https://ec.belta.co.jp/products/folate/?topOverlay=transition" class="u-dp_pc">
2281          <div class="overlay-item overlay-item--folate">
2282            <img class="drawer-goods-content-image" src="https://assets.belta.co.jp/top/product_folate.webp" alt="ベルタ葉酸サプリ">
2283            <div class="overlay-copy">
2284              <p class="overlay-tag overlay-tag--folate u-dp_pc">妊娠中</p>
2285              <p class="overlay-name u-dp_sp">ベルタ<br class="br_sp39_none">葉酸サプリ</p>
2286            </div>
2287            <div class="overlay-title u-dp_sp">
2288              <p class="overlay-title--folate u-dp_sp">妊娠サプリ</p>
2289            </div>
2290          </div>
2291        </a>
2292        <a href="https://belta-shop.jp/r9s2b93x3c1" class="u-dp_sp">
2293          <div class="overlay-item overlay-item--ninkatsu">
2294            <div class="couple">
2295              <img src="https://assets.belta.co.jp/top/product_couple.webp" alt="" class="ninkatsu-img u-dp_sp">
2296            </div>
2297            <div class="overlay-title u-dp_sp">
2298              <p class="overlay-title--ninkatsu u-dp_sp">男性も一緒に妊活中サプリ</p>
2299            </div>
2300          </div>
2301        </a>
2302        <a href="https://ec.belta.co.jp/products/mamarhythm/?topOverlay=transition" class="u-dp_pc">
2303          <div class="overlay-item overlay-item--ninkatsu">
2304            <img class="drawer-goods-content-image u-dp_pc" src="https://assets.belta.co.jp/top/product_mamari.webp" alt="ベルタママリズム">
2305            <div class="overlay-flex u-dp_pc">
2306              <p class="overlay-tag overlay-tag--ninkatsu">産後・育児中</p>
2307              <p class="overlay-name u-dp_sp">ベルタママリズム</p>
2308            </div>
2309          </div>
2310        </a>
2311      </div>
2312    </div>
2313  </section>
2314</main>
2315
2316
2317
2318<script type="application/ld+json">
2319{
2320  "@context": "https://schema.org",
2321  "@graph": [
2322    {
2323      "@type": "Organization",
2324      "@id": "https://belta.co.jp/#organization",
2325      "name": "株式会社ベルタ",
2326      "alternateName": "BELTA CO.,LTD",
2327      "url": "https://belta.co.jp/",
2328      "logo": "https://assets.belta.co.jp/order/logo_1.webp",
2329      "address": {
2330        "@type": "PostalAddress",
2331        "postalCode": "107-0061",
2332        "addressRegion": "東京都",
2333        "addressLocality": "港区",
2334        "streetAddress": "北青山2-12-28 青山ビル5階",
2335        "addressCountry": "JP"
2336      },
2337      "contactPoint": {
2338        "@type": "ContactPoint",
2339        "telephone": "+81-120-613-614",
2340        "contactType": "customer service",
2341        "areaServed": "JP",
2342        "availableLanguage": "ja"
2343      }
2344    },
2345    {
2346      "@type": "WebSite",
2347      "@id": "https://belta.co.jp/#website",
2348      "url": "https://belta.co.jp/",
2349      "name": "BELTA",
2350      "alternateName": "ベルタ",
2351      "publisher": {"@id": "https://belta.co.jp/#organization"}
2352    }
2353  ]
2354}
2355</script>
2355
2356
2357
2358
2359<!-- footerの高さを取得して高さに反映 -->
2360<script>
2361  document.addEventListener('DOMContentLoaded', function () {
2362    var ftrWrap = document.querySelector('.ftr_wrap');
2363    var sectionFooter = document.querySelector('.section--footer');
2364    if (ftrWrap && sectionFooter) {
2365      var ftrHeight = ftrWrap.offsetHeight + 30;
2366      sectionFooter.style.height = ftrHeight + 'px';
2367
2368      // ResizeObserverで高さ変化も自動反映
2369      var resizeObserver = new ResizeObserver(function () {
2370        var newHeight = ftrWrap.offsetHeight + 30;
2371        sectionFooter.style.height = newHeight + 'px';
2372      });
2373      resizeObserver.observe(ftrWrap);
2374    }
2375  });
2376</script>
2376
2377
2378<script>
2379  document.addEventListener('DOMContentLoaded', () => {
2380    const overlayArea = document.querySelector('.overlay-area');
2381    const closeIcon = document.querySelector('.close-icon');
2382    const beltaSnap = document.getElementById('belta_snap');
2383
2384    let pastPos = 0;
2385    const currentPath = window.location.pathname;
2386    const isTopPage = currentPath === '/';
2387
2388    // 768px以下かどうかをチェックする関数
2389    const isMobileView = () => window.innerWidth <= 768;
2390
2391    // リサイズ時にクラスをリセットする関数
2392    const resetClasses = () => {
2393      if (!isMobileView() && overlayArea && closeIcon) {
2394        overlayArea.classList.remove('is-scrolled-down', 'is-scrolled-up');
2395        closeIcon.classList.remove('is-scrolled-down', 'is-scrolled-up');
2396      }
2397    };
2398
2399    // リサイズイベント
2400    window.addEventListener('resize', resetClasses);
2401
2402    if (isTopPage) {
2403      beltaSnap.addEventListener('scroll', () => {
2404        // 768px以下の場合のみ実行
2405        if (!isMobileView()) return;
2406
2407        const scroll = beltaSnap.scrollTop;
2408
2409        // overlay-area の位置制御
2410        if (scroll >= pastPos) {
2411          // 下スクロール
2412          overlayArea.classList.add('is-scrolled-down');
2413          overlayArea.classList.remove('is-scrolled-up');
2414        } else {
2415          // 上スクロール
2416          overlayArea.classList.add('is-scrolled-up');
2417          overlayArea.classList.remove('is-scrolled-down');
2418        }
2419
2420        pastPos = scroll;
2421      });
2422    } else {
2423      let pastPosOtherPages = 0;
2424
2425      window.addEventListener('scroll', () => {
2426        // 768px以下の場合のみ実行
2427        if (!isMobileView()) return;
2428
2429        const scroll = window.scrollY;
2430
2431        // overlay-area の位置制御
2432        if (scroll >= pastPosOtherPages) {
2433          // 下スクロール
2434          overlayArea.classList.add('is-scrolled-down');
2435          overlayArea.classList.remove('is-scrolled-up');
2436        } else {
2437          // 上スクロール
2438          overlayArea.classList.add('is-scrolled-up');
2439          overlayArea.classList.remove('is-scrolled-down');
2440        }
2441
2442        pastPosOtherPages = scroll;
2443      });
2444    }
2445  });
2446</script>
2446
2447
2448
2449<!-- リダイレクト設定 -->
2450<script>
2451  const redirects = [
2452    { origin: "?adcd=doko2kio9gl", fullurl: "https://belta.co.jp/amazon/prerhythm/" },
2453    { origin: "?adcd=dokom8dbpe1", fullurl: "https://belta.co.jp/amazon/folate/" },
2454    { origin: "?adcd=dokoxx98agq", fullurl: "https://belta.co.jp/amazon/mamarhythm/" },
2455    { origin: "?adcd=dokom8d3u4c", fullurl: "https://belta.co.jp/amazon/folate_a/" },
2456    { origin: "?adcd=doko2ki2gk8", fullurl: "https://belta.co.jp/amazon/prerhythm_a/" }
2457  ];
2458
2459  // 現在のURLのパラメータを取得
2460  const currentUrl = window.location.search;
2461  function checkRedirect() {
2462    for (let i = 0; i < redirects.length; i++) {
2463      if (currentUrl === redirects[i].origin) {
2464        window.location.href = redirects[i].fullurl;
2465        break;
2466      }
2467    }
2468  }
2469
2470  checkRedirect();
2471</script>
2471
2472
2473<!-- aboutのフェイドイン? -->
2474<script>
2475
2476  const beltaSnap = document.getElementById('belta_snap');
2477  const aboutSection = document.getElementById('about');
2478
2479  // Intersection Observerの基本設定
2480  const observerOptions = {
2481    root: beltaSnap, // beltaSnap要素内での交差を監視
2482    rootMargin: '0px',
2483    threshold: 0.1 // 監視対象が10%見えたら検知
2484  };
2485
2486  /**
2487   * 指定された要素内の.fade-anim要素を順番にフェードインさせる関数
2488   * @param {HTMLElement} parentElement - .fade-anim要素を含む親要素
2489   */
2490  const fadeInElementsInParent = (parentElement) => {
2491    const fadeAnimElements = parentElement.querySelectorAll('.fade-anim');
2492    const fadeAnimUperElements = parentElement.querySelectorAll('.fade-anim-uper');
2493    let delay = 0;
2494    fadeAnimElements.forEach(fadein => {
2495      if (!fadein.classList.contains('active')) { // すでにactiveクラスがある場合は処理しない
2496        setTimeout(() => {
2497          fadein.classList.add('active');
2498        }, delay);
2499        delay += 200; // 次の要素のために遅延を0.2秒増やす
2500      }
2501    });
2502    let delayUper = 200;
2503    fadeAnimUperElements.forEach(fadein => {
2504      if (!fadein.classList.contains('active')) { // すでにactiveクラスがある場合は処理しない
2505        setTimeout(() => {
2506          fadein.classList.add('active');
2507        }, delayUper);
2508        delayUper += 100; // 次の要素のために遅延を0.15秒増やす
2509      }
2510    });
2511  };
2512
2513  // #aboutセクションのオブザーバー
2514  const aboutObserver = new IntersectionObserver((entries, observer) => {
2515    entries.forEach(entry => {
2516      if (entry.isIntersecting) {
2517        fadeInElementsInParent(entry.target); // #about内の.fade-animを実行
2518        observer.unobserve(entry.target); // 一度実行したら監視を停止
2519      }
2520    });
2521  }, observerOptions);
2522
2523  // #preconceptioncareセクションのオブザーバー
2524  const preconceptioncareObserver = new IntersectionObserver((entries, observer) => {
2525    entries.forEach(entry => {
2526      if (entry.isIntersecting) {
2527        fadeInElementsInParent(entry.target); // #preconceptioncare内の.fade-animを実行
2528        observer.unobserve(entry.target); // 一度実行したら監視を停止
2529      }
2530    });
2531  }, observerOptions);
2532
2533  // 各セクションの監視を開始
2534  if (aboutSection) {
2535    aboutObserver.observe(aboutSection);
2536  }
2537</script>
2537
2538
2539<script>
2540  document.addEventListener('DOMContentLoaded', () => {
2541    const beltaTop = document.getElementById('belta_top');
2542    const beltaSnap = document.getElementById('belta_snap');
2543    const overlayArea = document.querySelector('.overlay-area');
2544    const closeIcon = document.querySelector('.close-icon');
2545    const overlayClose = document.querySelector('.overlay-close');
2546    // 対象セクションのクラス名リスト
2547    const sectionClasses = [
2548      'section_fvsv--fv',
2549      'section_fvsv--about',
2550      'section--funin',
2551      'section--sports',
2552      'section--hiroshima',
2553      'section--kyouiku',
2554      'section--kenkyu',
2555      'section--cheer',
2556      'section--lineup',
2557      'section--cs',
2558      'section--expert',
2559      'section--hoken'
2560    ];
2561    const otherProject = beltaTop ? beltaTop.querySelector('.section--other_project') : null;
2562
2563    // 対象セクションのDOMリスト
2564    const targetSections = sectionClasses
2565      .map(cls => beltaTop ? beltaTop.querySelector(`.${cls}`) : null)
2566      .filter(Boolean);
2567
2568    // 手動でオーバーレイが閉じられたかを記憶するフラグ
2569    // let isOverlayManuallyClosed = true;
2570    let isOverlayManuallyClosed = false;
2571    // ページ読み込み時に closeIcon が表示されないように、icon-show クラスを削除する
2572    if (closeIcon) {
2573      closeIcon.classList.remove('icon-show');
2574    }
2575
2576    // --- オーバーレイの状態管理関数 ---
2577    const showOverlay = () => {
2578      if (!isOverlayManuallyClosed) {
2579        overlayArea.classList.add('show');
2580        closeIcon.classList.add('icon-show');
2581        overlayClose.classList.add('rotation360');
2582      }
2583    };
2584    const hideOverlay = () => {
2585      overlayArea.classList.remove('show');
2586      overlayClose.classList.remove('rotation360');
2587    };
2588
2589    // close-icon のクリックイベントでオーバーレイの表示/非表示を切り替える
2590    if (closeIcon) {
2591      closeIcon.addEventListener('click', () => {
2592        if (overlayArea.classList.contains('show')) {
2593          hideOverlay();
2594          isOverlayManuallyClosed = true;
2595        } else {
2596          isOverlayManuallyClosed = false;
2597          showOverlay();
2598        }
2599      });
2600    }
2601
2602    // --- Intersection Observerで複数セクションを監視 ---
2603    const observerOptions = {
2604      root: beltaSnap,
2605      rootMargin: '0px',
2606      threshold: 0.5
2607    };
2608
2609    // 各セクションの可視状態を管理
2610    const sectionVisible = new Map();
2611    targetSections.forEach(section => sectionVisible.set(section, false));
2612    let otherProjectVisible = false;
2613
2614    // 表示/非表示の統一ロジック
2615    const updateOverlay = () => {
2616      if (otherProjectVisible) {
2617        hideOverlay();
2618        return;
2619      }
2620      const anyVisible = Array.from(sectionVisible.values()).some(v => v);
2621      if (anyVisible && !isOverlayManuallyClosed) {
2622        showOverlay();
2623      } else {
2624        hideOverlay();
2625      }
2626    };
2627
2628    // 各セクションにObserverをセット
2629    targetSections.forEach(section => {
2630      const observer = new IntersectionObserver((entries) => {
2631        entries.forEach(entry => {
2632          sectionVisible.set(section, entry.isIntersecting);
2633          updateOverlay();
2634        });
2635      }, observerOptions);
2636      observer.observe(section);
2637    });
2638
2639    // area--other_projectのObserver
2640    if (otherProject) {
2641      const otherProjectObserver = new IntersectionObserver((entries) => {
2642        entries.forEach(entry => {
2643          otherProjectVisible = entry.isIntersecting;
2644          updateOverlay();
2645        });
2646      }, observerOptions);
2647      otherProjectObserver.observe(otherProject);
2648    }
2649  });
2650</script>
2650
2651
2652<!-- スクロール上下でタイトル位置を変える -->
2653<script>
2654  document.addEventListener('DOMContentLoaded', () => {
2655    const about_text = document.querySelector('.about-text');
2656    const sportsH2 = document.querySelector('.top__title--sports');
2657    const funinH2 = document.querySelector('.top__title--funin');
2658    const hiroshimaH2 = document.querySelector('.top__title--hiroshima');
2659    const kyouikuH2 = document.querySelector('.top__title--kyouiku');
2660    const kenkyuH2 = document.querySelector('.top__title--kenkyu');
2661    const cheerH2 = document.querySelector('.top__title--cheer');
2662    const top_lineupH2 = document.querySelector('.top__title--lineup');
2663    const sub_title = document.querySelector('.sub_title--lineup');
2664    const top__title_cs = document.querySelector('.top__title--cs');
2665    const top__title_expert = document.querySelector('.top__title--expert');
2666    const top__title_hoken = document.querySelector('.top__title--hoken');
2667
2668    const funinImg = document.querySelector('.figure--funin img');
2669    const sportsImg = document.querySelector('.figure--sports img');
2670
2671    // id「belta_snap」要素を取得
2672    const beltaSnap = document.getElementById('belta_snap');
2673
2674    let lastScrollY = beltaSnap.scrollTop; // belta_snapの初期スクロール量
2675
2676    // belta_snap要素にスクロールイベントリスナーを追加
2677    beltaSnap.addEventListener('scroll', () => {
2678      const currentScrollY = beltaSnap.scrollTop; // belta_snapの現在のスクロール量
2679
2680      if (currentScrollY < lastScrollY) { // スクロールが下方向の場合
2681        // 下スクロール
2682        if (about_text) about_text.classList.add('down');
2683        if (sportsH2) sportsH2.classList.add('down');
2684        if (funinH2) funinH2.classList.add('down');
2685        if (hiroshimaH2) hiroshimaH2.classList.add('down');
2686        if (kyouikuH2) kyouikuH2.classList.add('down');
2687        if (kenkyuH2) kenkyuH2.classList.add('down');
2688        if (cheerH2) cheerH2.classList.add('down');
2689        if (top_lineupH2) top_lineupH2.classList.add('down');
2690        if (sub_title) sub_title.classList.add('down');
2691        if (top__title_cs) top__title_cs.classList.add('down');
2692        if (top__title_expert) top__title_expert.classList.add('down');
2693        if (top__title_hoken) top__title_hoken.classList.add('down');
2694
2695        if (funinImg) funinImg.classList.add('down');
2696        if (sportsImg) sportsImg.classList.add('down');
2697
2698      } else if (currentScrollY > lastScrollY) { // スクロールが上方向の場合
2699        // 上スクロール
2700        if (about_text) about_text.classList.remove('down');
2701        if (sportsH2) sportsH2.classList.remove('down');
2702        if (funinH2) funinH2.classList.remove('down');
2703        if (hiroshimaH2) hiroshimaH2.classList.remove('down');
2704        if (kyouikuH2) kyouikuH2.classList.remove('down');
2705        if (kenkyuH2) kenkyuH2.classList.remove('down');
2706        if (cheerH2) cheerH2.classList.remove('down');
2707        if (top_lineupH2) top_lineupH2.classList.remove('down');
2708        if (sub_title) sub_title.classList.remove('down');
2709        if (top__title_cs) top__title_cs.classList.remove('down');
2710        if (top__title_expert) top__title_expert.classList.remove('down');
2711        if (top__title_hoken) top__title_hoken.classList.remove('down');
2712        if (funinImg) funinImg.classList.remove('down');
2713        if (sportsImg) sportsImg.classList.remove('down');
2714      }
2715      // スクロール量が変化しない場合は何もしない
2716
2717      lastScrollY = currentScrollY; // 次の比較のために現在のスクロール量を保存
2718    });
2719  });
2720</script>
2720
2721
2722<!-- ラインナップのモーダル表示 -->
2723<script>
2724  document.addEventListener('DOMContentLoaded', () => {
2725    // .top-lineup_item_area がクリックされた時の処理
2726    document.querySelectorAll('.top-lineup_item_area').forEach(itemArea => {
2727      itemArea.addEventListener('click', (event) => {
2728        // クリックされた .top-lineup_item_area の次の要素(.top-lineup_item_modal_area)を取得
2729        const modalArea = event.currentTarget.nextElementSibling;
2730        if (modalArea && modalArea.classList.contains('top-lineup_item_modal_area')) {
2731          modalArea.classList.add('active'); // モーダルエリアにactiveクラスを付与
2732
2733          // .modal-overlay が存在すればactiveクラスを付与
2734          const modalOverlay = document.querySelector('.modal-overlay');
2735          if (modalOverlay) {
2736            modalOverlay.classList.add('active');
2737          }
2738        }
2739      });
2740    });
2741
2742    // .top-lineup_item_modal_close がクリックされた時の処理
2743    document.querySelectorAll('.top-lineup_item_modal_close').forEach(closeButton => {
2744      closeButton.addEventListener('click', (event) => {
2745        // クリックされた .top-lineup_item_modal_close の親要素をたどって
2746        // .top-lineup_item_modal_area を見つける
2747        let currentElement = event.currentTarget;
2748        while (currentElement && !currentElement.classList.contains('top-lineup_item_modal_area')) {
2749          currentElement = currentElement.parentElement;
2750        }
2751        if (currentElement && currentElement.classList.contains('top-lineup_item_modal_area')) {
2752          currentElement.classList.remove('active'); // モーダルエリアからactiveクラスを削除
2753
2754          // .modal-overlay が存在すればactiveクラスを削除
2755          const modalOverlay = document.querySelector('.modal-overlay');
2756          if (modalOverlay) {
2757            modalOverlay.classList.remove('active');
2758          }
2759        }
2760      });
2761    });
2762
2763    // .modal-overlay がクリックされた時の処理
2764    // overlayが存在する場合のみイベントリスナーを設定
2765    const modalOverlay = document.querySelector('.modal-overlay');
2766    if (modalOverlay) {
2767      modalOverlay.addEventListener('click', () => {
2768        // .modal-overlay からactiveクラスを削除
2769        modalOverlay.classList.remove('active');
2770
2771        // 開いているモーダルエリアからactiveクラスを削除
2772        document.querySelectorAll('.top-lineup_item_modal_area.active').forEach(activeModal => {
2773          activeModal.classList.remove('active');
2774        });
2775      });
2776    }
2777  });
2778</script>
2778
2779
2780<!-- about_btnに、ホバー時のanimationを効かすための記述 -->
2781<script>
2782  document.querySelectorAll('button.belta_btn.about_btn').forEach(btn => {
2783    btn.addEventListener('animationend', function (e) {
2784      if (e.animationName === 'fadeUpAnimeBtn') {
2785        btn.style.animation = 'BeltaBtnBgMove 22s cubic-bezier(0,0,0,0) infinite alternate';
2786        btn.style.opacity = '1';
2787        btn.style.transition = '0.3s all ease';
2788        btn.style.transform = 'translateY(0)';
2789      }
2790    });
2791  });
2792</script>
2792
2793
2794<script>
2795  (function () {
2796    const isSP = window.matchMedia('(max-width: 767px)').matches;
2797
2798    // 共通:安全に再生をかけ直すユーティリティ
2799    function wireAutoPlay(v) {
2800      if (!v) return;
2801      function safePlay(maxTries = 6) {
2802        let n = 0;
2803        const tick = () => {
2804          if (!v.paused && !v.ended) return;         // 既に再生中
2805          v.muted = true;
2806          const p = v.play();
2807          if (p && p.then) {
2808            p.catch(() => { if (++n < maxTries) setTimeout(tick, 120 * n); });
2809          } else {
2810            if (++n < maxTries) setTimeout(tick, 120 * n);
2811          }
2812        };
2813        setTimeout(tick, 80); // 復帰直後の弾かれ対策
2814      }
2815
2816      // ループ(loop属性があっても冪等)
2817      v.addEventListener('ended', () => { v.currentTime = 0; safePlay(); });
2818
2819      // 復帰・フォーカスで再開
2820      document.addEventListener('visibilitychange', () => { if (!document.hidden) safePlay(); });
2821      window.addEventListener('pageshow', () => safePlay());
2822      window.addEventListener('focus', () => safePlay(), { passive: true });
2823
2824      // 停滞時にも再開を試行
2825      ['stalled', 'suspend', 'waiting', 'pause', 'error'].forEach(ev => {
2826        v.addEventListener(ev, () => { if (document.visibilityState === 'visible') safePlay(); });
2827      });
2828
2829      // 初回
2830      v.addEventListener('loadedmetadata', () => safePlay(), { once: true });
2831    }
2832
2833    // --- FV用(あなたの出し分けそのまま) ---
2834    const fv = document.getElementById('fvVideo');
2835    if (fv) {
2836      fv.src = isSP
2837        ? "https://assets.belta.co.jp/top/fv_movie_sp-01.mp4"
2838        : "https://assets.belta.co.jp/top/fv_movie_pc-01.mp4";
2839      wireAutoPlay(fv);
2840    }
2841
2842    // --- About用(あなたの出し分けそのまま) ---
2843    const about = document.getElementById('aboutVideo');
2844    if (about) {
2845      about.src = isSP
2846        ? "https://assets.belta.co.jp/top/about_movie_sp-01.mp4"
2847        : "https://assets.belta.co.jp/top/about_movie_pc-01.mp4";
2848      wireAutoPlay(about);
2849    }
2850  })();
2851</script>
2851
2852
2853
2854<script>
2855  (function (d) {
2856    var config = {
2857      kitId: 'cxr8qde',
2858      scriptTimeout: 3000,
2859      async: true
2860    },
2861      h = d.documentElement, t = setTimeout(function () { h.className = h.className.replace(/\bwf-loading\b/g, "") + " wf-inactive"; }, config.scriptTimeout), tk = d.createElement("script"), f = false, s = d.getElementsByTagName("script")[0], a; h.className += " wf-loading"; tk.src = 'https://use.typekit.net/' + config.kitId + '.js'; tk.async = true; tk.onload = tk.onreadystatechange = function () { a = this.readyState; if (f || a && a != "complete" && a != "loaded") return; f = true; clearTimeout(t); try { Typekit.load(config) } catch (e) { } }; s.parentNode.insertBefore(tk, s)
2862  })(document);
2863</script>
2863
2864
2865

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.