PageSourceSearch

https://www.k-yell.co.jp/kansai2/

html k-yell.co.jp collected 2026-10-07 07:29:28 UTC 101,749 bytes, 1,528 lines download raw bytes

1
2  <!DOCTYPE html>
3  <html lang="ja">
4
5  <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#">
6   
7  
7<script>
vendor: 417 bytes, lines 7-16
7
8  !function(f,b,e,v,n,t,s)
9  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
10  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
11  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
12  n.queue=[];t=b.createElement(e);t.async=!0;
13  t.src=v;s=b.getElementsByTagName(e)[0];
14  s.parentNode.insertBefore(t,s)}(window, document,'script',
15  'https://connect.facebook.net/en_US/fbevents.js');
16  fbq('init', '
16292473242788975
vendor: 34 bytes, lines 16-18
16');
17  fbq('track', 'PageView');
18  
18</script>
18
19  <noscript><img height="1" width="1" style="display:none"
20  src="https://www.facebook.com/tr?id=292473242788975&ev=PageView&noscript=1"
21  /></noscript>
22  <!-- End Meta Pixel Code -->
23
24
25  <meta charset="utf-8">
26  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
27  <meta name="viewport" content="width=device-width, initial-scale=1.0">
28  <title>阪急キッチンエール関西【お得なご入会特典付き!】</title>
29
30  <!-- Google Tag Manager -->
31<script>
vendor: 336 bytes, lines 31-36
31
32(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
33  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
34  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
35  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
36  })(window,document,'script','dataLayer','
36GTM-5WFCJDST
vendor: 6 bytes, lines 36-37
36');
37  
37</script>
37
38  <!-- End Google Tag Manager -->
39  
40
41  <meta name="description" content="商品点数5000点以上!前日の深夜0時までの注文で食料品・日用雑貨・重たいものでも翌日に届くので、忙しくてもスマートに家事をこなしたい方にピッタリです。さらに阪急のデパ地下グルメも楽しめるネットスーパーです。">
42  <meta name="keywords" content="宅配,配達,食品,食材,料理セット,料理キット,デパ地下,個別宅配,翌日配達,阪急阪神,キッチンエール,百貨店,生鮮食品,大阪,兵庫,京都">
43  <meta property="og:type" content="article">
44  <meta property="og:title" content="阪急キッチンエール関西【お得なご入会特典付き!】">
45  <meta property="og:site_name" content="阪急キッチンエール関西【お得なご入会特典付き!】">
46 <meta property="og:url" content="https://www.k-yell.co.jp/kansai2/">
47  <meta property="og:description" content="商品点数5000点以上!前日の深夜0時までの注文で食料品・日用雑貨・重たいものでも翌日に届くので、忙しくてもスマートに家事をこなしたい方にピッタリです。さらに阪急のデパ地下グルメも楽しめるネットスーパーです。">
48  <meta property="og:image" content="https://www.k-yell.co.jp/kansai2/assets/images/top/ogp.png">
49
50
51  <!-- font -->
52  
52<script>
53  (function(d) {
54    var config = {
55      kitId: 'fyi4lan',
56      scriptTimeout: 3000,
57      async: true
58    },
59    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)
60  })(document);
61  </script>
61
62
63  <link rel="preconnect" href="https://fonts.googleapis.com">
64  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
65  <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap" rel="stylesheet">
66
67
68  <!-- favicon -->
69  <link rel="apple-touch-icon" href="./assets/images/top/apple-touch-icon.png">
70  <link rel="icon" type="image/x-icon" href="./assets/images/top/favicon.ico">
71  <link rel="shortcut icon" href="./assets/images/top/favicon.ico" type="image/vnd.microsoft.icon">
72  <link rel="icon" href="./assets/images/top/favicon.ico" type="image/vnd.microsoft.icon">
73
74  <!-- css -->
75  <link rel="stylesheet" href="https://unpkg.com/swiper@latest/swiper-bundle.min.css"/>
76  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css"/>
77  <link rel="stylesheet" href="https://unpkg.com/scroll-hint@latest/css/scroll-hint.css">
78  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
79  <link rel="stylesheet" href="./assets/css/style.css">
80
81
82  </head>
83
84  <body>
85	  <noscript>
86		<iframe src="//b.yjtag.jp/iframe?c=4BtQAMx" width="1" height="1" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>
87	  </noscript>
88
89    <div class="wrap wrap--top">
90      
91  <header id="header" class="header">
92
93    <h1 class="header__logo">
94      <picture>
95        <source media="(max-width: 700px)" srcset="./assets/images/top/logo-sp.png" type="image/png">
96        <img src="./assets/images/top/logo.svg" alt="阪急キッチンエール関西【お得なご入会特典付き!】">
97      </picture>
98    </h1>
99
100    <div class="header__btn">
101      <a href="https://ec.k-yell.co.jp/front/" target="_blank" class="header__btn-link">
102        <span class="header__btn-link-txt">
103          <img src="./assets/images/top/header-btn-txt.png" alt="会員様はこちら" class="is-Pc_Tab">
104          <img src="./assets/images/top/header-btn-txt-sp.png" alt="会員様はこちら" class="is-Sp">
105        </span>
106      </a>
107    </div>
108
109    <div class="header__side-floating-banner">
110      <a href="https://ec.k-yell.co.jp/front/app/customer/customer_edit1?_gl=1*1seow5f*_ga*OTI0NDMxNzgzLjE2OTI1ODEyOTE.*_ga_QFMTCE7B2D*MTY5Mzc5OTE4My41LjEuMTY5Mzc5OTM5OS4wLjAuMA.." target="_blank">
111        <picture>
112          <source media="(max-width: 700px)" srcset="./assets/images/top/bottom-banner-sp.png" type="image/png">
113          <img src="./assets/images/top/side-banner.png" alt="入会金・月会費無料 申込みはこちら">
114        </picture>
115      </a>
116    </div>
117
118
119  </header>
120        <div class="contents contents--top">
121          <main>
122            <div class="mv">
123              <div class="mv__wrapper">
124                <div class="mv__wrapper-inner">
125                    <h2 class="mv__heading">
126                      <img src="./assets/images/top/mv-heading.svg" alt="毎日の食卓に、ちょっといいしあわせを。こだわりの食品宅配">
127                    </h2>
128                  <div class="mv__food-group">
129                    <div class="mv__food01">
130                      <picture>
131                        <source srcset="./assets/images/top/mv-food01.webp" type="image/webp">
132                        <img src="./assets/images/top/mv-food01.png" alt="冷奴" loading="eager">
133                      </picture>
134                    </div>
135                    <div class="mv__food02">
136                      <picture>
137                        <source srcset="./assets/images/top/mv-food02.webp" type="image/webp">
138                        <img src="./assets/images/top/mv-food02.png" alt="コーヒー豆" loading="eager">
139                      </picture>
140                    </div>
141                    <div class="mv__food03">
142                      <picture>
143                        <source srcset="./assets/images/top/mv-food03.webp" type="image/webp">
144                        <img src="./assets/images/top/mv-food03.png" alt="いちご" loading="eager">
145                      </picture>
146                    </div>
147                    <div class="mv__food04">
148                      <picture>
149                        <source srcset="./assets/images/top/mv-food04.webp" type="image/webp">
150                        <img src="./assets/images/top/mv-food04.png" alt="バナナ" loading="eager">
151                      </picture>
152                    </div>
153                    <div class="mv__food05">
154                      <picture>
155                        <source srcset="./assets/images/top/mv-food05.webp" type="image/webp">
156                        <img src="./assets/images/top/mv-food05.png" alt="ステーキ" loading="eager">
157                      </picture>
158                    </div>
159                    <div class="mv__food06">
160                      <picture>
161                        <source srcset="./assets/images/top/mv-food06.webp" type="image/webp">
162                        <img src="./assets/images/top/mv-food06.png" alt="é®­" loading="eager">
163                      </picture>
164                    </div>
165                    <div class="mv__food07">
166                      <picture>
167                        <source srcset="./assets/images/top/mv-food07.webp" type="image/webp">
168                        <img src="./assets/images/top/mv-food07.png" alt="サラダ" loading="eager">
169                      </picture>
170                    </div>
171                    <div class="mv__food08">
172                      <picture>
173                        <source srcset="./assets/images/top/mv-food08.webp" type="image/webp">
174                        <img src="./assets/images/top/mv-food08.png" alt="キャベツ" loading="eager">
175                      </picture>
176                    </div>
177                    <div class="mv__food09">
178                      <picture>
179                        <source srcset="./assets/images/top/mv-food09.webp" type="image/webp">
180                        <img src="./assets/images/top/mv-food09.png" alt="漬物" loading="eager">
181                      </picture>
182                    </div>
183                    <div class="mv__food10">
184                      <picture>
185                        <source srcset="./assets/images/top/mv-food10.webp" type="image/webp">
186                        <img src="./assets/images/top/mv-food10.png" alt="きゅうりとトマト" loading="eager">
187                      </picture>
188                    </div>
189                    <div class="mv__food11">
190                      <picture>
191                        <source srcset="./assets/images/top/mv-food11.webp" type="image/webp">
192                        <img src="./assets/images/top/mv-food11.png" alt="白ごはん" loading="eager">
193                      </picture>
194                    </div>
195                    <div class="mv__food12">
196                      <picture>
197                        <source srcset="./assets/images/top/mv-food12.webp" type="image/webp">
198                        <img src="./assets/images/top/mv-food12.png" alt="赤身" loading="eager">
199                      </picture>
200                    </div>
201                    <div class="mv__food13">
202                      <picture>
203                        <source srcset="./assets/images/top/mv-food13.webp" type="image/webp">
204                        <img src="./assets/images/top/mv-food13.png" alt="パン" loading="eager">
205                      </picture>
206                    </div>
207                    <div class="mv__food14">
208                      <picture>
209                        <source srcset="./assets/images/top/mv-food14.webp" type="image/webp">
210                        <img src="./assets/images/top/mv-food14.png" alt="パエリア" loading="eager">
211                      </picture>
212                    </div>
213                  </div>
214                </div>
215              </div>
216            </div>
217            
218            <section class="sec01">
219              <div class="sec01__wrap">
220                <div class="sec01__dish">
221                  <img src="./assets/images/top/sec01-dish.png" alt="お皿">
222                  <div class="sec01__bg">
223                  <div class="l-inner">
224                    <div class="sec01__contents">
225                      <div class="sec01__truck animate-truck">
226                        <img src="./assets/images/top/sec01-truck.svg" alt="トラック">
227                      </div>
228                      <h2 class="sec01__heading js-fade">
229                        <img src="./assets/images/top/sec01-heading.png" alt="見つける楽しさ待ち遠しい気持ち">
230                      </h2>
231                      <p class="sec01__txt js-fade">
232                        出かけなくても、新鮮で安全な食材が家に届く。<br>
233                        阪急キッチンエールは、<br class="is-Sp">5,000点を超える豊富な商品から<br>
234                        好きなものを選び、お買い物を楽しめます。<br>
235                        今日は少し贅沢に、お肉のステーキ。明日は旬の<br class="is-Sp">野菜で彩るサラダ。<br>
236                        届いた食材を手に取るたび、<br class="is-Sp">自然と献立が浮かび、<br>
237                        作る時間が楽しみに変わります。<br>
238                        便利さだけでなく、暮らしに彩りをもたらす<br>
239                        そんなわくわくを毎日お届けします。
240                      </p>
241                      <div class="sec01__img-food01 animate-on-scroll" data-animate="fadeInLeft">
242                        <img src="./assets/images/top/sec01-img01.png" alt="パスタ">
243                      </div>
244                      <div class="sec01__img-food02 animate-on-scroll" data-animate="fadeInLeft">
245                        <img src="./assets/images/top/sec01-img02.png" alt="ドーナッツ">
246                      </div>
247                      <div class="sec01__img-food03 animate-on-scroll" data-animate="fadeInRight">
248                        <img src="./assets/images/top/sec01-img03.png" alt="ローストビーフ">
249                      </div>
250                      <div class="sec01__img-food04 animate-on-scroll" data-animate="fadeInRight">
251                        <img src="./assets/images/top/sec01-img04.png" alt="パプリカ">
252                      </div>
253                    </div>
254                    <div class="sec01__heading02 js-fade">
255                      <p>大切な食事のひとときに<br>安心・安全・高品質を</p>
256                      <p class="sec01__heading02-en"><img src="./assets/images/top/sec01-heading02-en.png" alt="Happiness at Your Table"></p>
257                    </div>
258                  </div>
259                  <!-- ループスライダー -->
260                    <div class="splide__group bottom_to_top js-fade">
261                      <div class="scroll-infinity">
262                        <div class="scroll-infinity__wrap">
263                          <ul class="scroll-infinity__list scroll-infinity__list--left">
264                            <li class="scroll-infinity__item scroll-infinity__item--01"><img src="./assets/images/top/slide01.png" alt="パン"></li>
265                            <li class="scroll-infinity__item scroll-infinity__item--02"><img src="./assets/images/top/slide02.png" alt="ワイン"></li>
266                            <li class="scroll-infinity__item scroll-infinity__item--03"><img src="./assets/images/top/slide03.png" alt="刺身"></li>
267                            <li class="scroll-infinity__item scroll-infinity__item--04"><img src="./assets/images/top/slide04.png" alt="果物盛り合わせ"></li>
268                            <li class="scroll-infinity__item scroll-infinity__item--01"><img src="./assets/images/top/slide01.png" alt="パン"></li>
269                            <li class="scroll-infinity__item scroll-infinity__item--02"><img src="./assets/images/top/slide02.png" alt="ワイン"></li>
270                            <li class="scroll-infinity__item scroll-infinity__item--03"><img src="./assets/images/top/slide03.png" alt="刺身"></li>
271                            <li class="scroll-infinity__item scroll-infinity__item--04"><img src="./assets/images/top/slide04.png" alt="果物盛り合わせ"></li>
272                            <li class="scroll-infinity__item scroll-infinity__item--01"><img src="./assets/images/top/slide01.png" alt="パン"></li>
273                            <li class="scroll-infinity__item scroll-infinity__item--02"><img src="./assets/images/top/slide02.png" alt="ワイン"></li>
274                            <li class="scroll-infinity__item scroll-infinity__item--03"><img src="./assets/images/top/slide03.png" alt="刺身"></li>
275                            <li class="scroll-infinity__item scroll-infinity__item--04"><img src="./assets/images/top/slide04.png" alt="果物盛り合わせ"></li>
276                          </ul>
277                          <ul class="scroll-infinity__list scroll-infinity__list--left">
278                            <li class="scroll-infinity__item scroll-infinity__item--01"><img src="./assets/images/top/slide01.png" alt="パン"></li>
279                            <li class="scroll-infinity__item scroll-infinity__item--02"><img src="./assets/images/top/slide02.png" alt="ワイン"></li>
280                            <li class="scroll-infinity__item scroll-infinity__item--03"><img src="./assets/images/top/slide03.png" alt="刺身"></li>
281                            <li class="scroll-infinity__item scroll-infinity__item--04"><img src="./assets/images/top/slide04.png" alt="果物盛り合わせ"></li>
282                            <li class="scroll-infinity__item scroll-infinity__item--01"><img src="./assets/images/top/slide01.png" alt="パン"></li>
283                            <li class="scroll-infinity__item scroll-infinity__item--02"><img src="./assets/images/top/slide02.png" alt="ワイン"></li>
284                            <li class="scroll-infinity__item scroll-infinity__item--03"><img src="./assets/images/top/slide03.png" alt="刺身"></li>
285                            <li class="scroll-infinity__item scroll-infinity__item--04"><img src="./assets/images/top/slide04.png" alt="果物盛り合わせ"></li>
286                            <li class="scroll-infinity__item scroll-infinity__item--01"><img src="./assets/images/top/slide01.png" alt="パン"></li>
287                            <li class="scroll-infinity__item scroll-infinity__item--02"><img src="./assets/images/top/slide02.png" alt="ワイン"></li>
288                            <li class="scroll-infinity__item scroll-infinity__item--03"><img src="./assets/images/top/slide03.png" alt="刺身"></li>
289                            <li class="scroll-infinity__item scroll-infinity__item--04"><img src="./assets/images/top/slide04.png" alt="果物盛り合わせ"></li>
290                          </ul>
291                        </div>
292                      </div>
293
294                      <div class="scroll-infinity">
295                        <div class="scroll-infinity__wrap">
296                          <ul class="scroll-infinity__list scroll-infinity__list--right">
297                            <li class="scroll-infinity__item scroll-infinity__item--05"><img src="./assets/images/top/slide05.png" alt="すき焼き"></li>
298                            <li class="scroll-infinity__item scroll-infinity__item--06"><img src="./assets/images/top/slide06.png" alt="カステラ"></li>
299                            <li class="scroll-infinity__item scroll-infinity__item--07"><img src="./assets/images/top/slide07.png" alt="メロン"></li>
300                            <li class="scroll-infinity__item scroll-infinity__item--08"><img src="./assets/images/top/slide08.png" alt="ハンバーグ"></li>
301                            <li class="scroll-infinity__item scroll-infinity__item--05"><img src="./assets/images/top/slide05.png" alt="すき焼き"></li>
302                            <li class="scroll-infinity__item scroll-infinity__item--06"><img src="./assets/images/top/slide06.png" alt="カステラ"></li>
303                            <li class="scroll-infinity__item scroll-infinity__item--07"><img src="./assets/images/top/slide07.png" alt="メロン"></li>
304                            <li class="
304scroll-infinity__item scroll-infinity__item--08"><img src="./assets/images/top/slide08.png" alt="ハンバーグ"></li>
305                            <li class="scroll-infinity__item scroll-infinity__item--05"><img src="./assets/images/top/slide05.png" alt="すき焼き"></li>
306                            <li class="scroll-infinity__item scroll-infinity__item--06"><img src="./assets/images/top/slide06.png" alt="カステラ"></li>
307                            <li class="scroll-infinity__item scroll-infinity__item--07"><img src="./assets/images/top/slide07.png" alt="メロン"></li>
308                            <li class="scroll-infinity__item scroll-infinity__item--08"><img src="./assets/images/top/slide08.png" alt="ハンバーグ"></li>
309
310                          </ul>
311                          <ul class="scroll-infinity__list scroll-infinity__list--right">
312                            <li class="scroll-infinity__item scroll-infinity__item--05"><img src="./assets/images/top/slide05.png" alt="すき焼き"></li>
313                            <li class="scroll-infinity__item scroll-infinity__item--06"><img src="./assets/images/top/slide06.png" alt="カステラ"></li>
314                            <li class="scroll-infinity__item scroll-infinity__item--07"><img src="./assets/images/top/slide07.png" alt="メロン"></li>
315                            <li class="scroll-infinity__item scroll-infinity__item--08"><img src="./assets/images/top/slide08.png" alt="ハンバーグ"></li>
316                            <li class="scroll-infinity__item scroll-infinity__item--05"><img src="./assets/images/top/slide05.png" alt="すき焼き"></li>
317                            <li class="scroll-infinity__item scroll-infinity__item--06"><img src="./assets/images/top/slide06.png" alt="カステラ"></li>
318                            <li class="scroll-infinity__item scroll-infinity__item--07"><img src="./assets/images/top/slide07.png" alt="メロン"></li>
319                            <li class="scroll-infinity__item scroll-infinity__item--08"><img src="./assets/images/top/slide08.png" alt="ハンバーグ"></li>
320                            <li class="scroll-infinity__item scroll-infinity__item--05"><img src="./assets/images/top/slide05.png" alt="すき焼き"></li>
321                            <li class="scroll-infinity__item scroll-infinity__item--06"><img src="./assets/images/top/slide06.png" alt="カステラ"></li>
322                            <li class="scroll-infinity__item scroll-infinity__item--07"><img src="./assets/images/top/slide07.png" alt="メロン"></li>
323                            <li class="scroll-infinity__item scroll-infinity__item--08"><img src="./assets/images/top/slide08.png" alt="ハンバーグ"></li>
324                          </ul>
325                        </div>
326                      </div>
327                    </div>
328                  </div>
329                </div>
330              </div>
331            </section>
332
333            <section class="sec02">
334              <div class="sec02__wrap">
335                <div class="l-inner">
336                  <div class="sec02__contents">
337                    <div class="sec02__flex js-fade">
338                      <div class="sec02__img01">
339                        <picture>
340                          <source media="(max-width: 700px)" srcset="./assets/images/top/sec02_img01-sp.png" type="image/png">
341                          <img src="./assets/images/top/sec02_img01.png" alt="阪急キッチンエールは">
342                        </picture>
343                        <p class="sec02__img01-txt">こんなあなたに<br>ピッタリ!</p>
344                      </div>
345                      <div class="sec02__txt">
346                        <h3 class="sec02__sub-heading">
347                          買物時間を短縮したい、<br>
348                          カタログで楽しみながら注文したい、<br>
349                          お料理にはこだわりを持っている、<br>
350                          時短したいけれど食事には手を抜きたくない、<br>
351                          そんなあなたに「阪急キッチンエール」。
352                        </h3>
353                      </div>
354                    </div>
355                  </div>
356                </div>
357                <div class="swiper js-fade">
358                  <div class="swiper-wrapper">
359                    <div class="swiper-slide">
360                      <img
361                        src="./assets/images/top/swiper-slide01.png"
362                        alt="ケース1"
363                      />
364                      <div class="swiper-description-box">
365                        <h4 class="swiper-heading">
366                          <span class="swiper-heading-txt01"><span class="swiper-heading-txt01-color">スキマ時間</span>にお買物</span><br>
367                          <span class="swiper-heading-color01">日常に<span class="swiper-heading-txt01-color">ゆとりを</span></span>
368                        </h4>
369                        <p class="swiper-txt">スーパーに行かなくても、ちょっとしたスキマ時間に注文できるので毎日の買物時間が短縮できて時間にゆとりができます。新鮮な食材を“最短翌日お届け”で安心して買えるのがとてもうれしい。商品に合わせた温度管理で置き配もしてくれるので不在時や直接商品を受け取りたくないときも便利です。</p>
370                      </div>
371                      <div class="swiper-badge">
372                        <img src="./assets/images/top/swiper-badge01.png" alt="買物時間を短縮したいあなたに">
373                      </div>
374                    </div>
375                    <div class="swiper-slide">
376                      <img
377                        src="./assets/images/top/swiper-slide02.png"
378                        alt="ケース2"
379                      />
380                      <div class="swiper-description-box">
381                        <h4 class="swiper-heading">
382                          <span class="swiper-heading-txt02">忙しい人も、買い物を</span><br>
383                          <span class="swiper-heading-color02">楽しみたい人<span class="swiper-heading-txt02-color">も!</span></span>
384                        </h4>
385                        <p class="swiper-txt">好みの注文方法は人それぞれ。カタログをめくりながら気になる商品を探したい人、WEBサイトでササっと注文したい人、そしてネットが少し不安な人。阪急キッチンエールは、いろんな人にあった注文方法をご用意しています。</p>
386                      </div>
387                      <div class="swiper-badge">
388                        <img src="./assets/images/top/swiper-badge02.png" alt="料理好きのあなたに">
389                      </div>
390                    </div>
391                    <div class="swiper-slide">
392                      <img
393                        src="./assets/images/top/swiper-slide03.png"
394                        alt="ケース3"
395                      />
396                      <div class="swiper-description-box">
397                        <h4 class="swiper-heading swiper-heading--03">
398                          <span class="swiper-heading-txt03"><span class="swiper-heading-txt03-color">美味しいもの</span>は</span><br>
399                          <span class="swiper-heading-color03"><span class="swiper-heading-txt03-color">いい食材から</span></span>
400                        </h4>
401                        <p class="swiper-txt">毎日美味しいものを食べたい私にはチルドで届くお肉がとてもうれしい。味や風味が良いのでお料理の幅がひろがります。ほしかった調味料やこだわりの調理器具を出かけなくても買えるのは料理にこだわりたい私にピッタリ!</p>
402                      </div>
403                      <div class="swiper-badge">
404                        <img src="./assets/images/top/swiper-badge03.png" alt="出かけるのが億劫のあなたに">
405                      </div>
406                    </div>
407                    <div class="swiper-slide">
408                      <img
409                        src="./assets/images/top/swiper-slide04.png"
410                        alt="ケース4"
411                      />
412                      <div class="swiper-description-box">
413                        <h4 class="swiper-heading swiper-heading--04">
414                          <span class="swiper-heading-txt04">忙しい毎日。でも、</span><br>
415                          <span class="swiper-heading-color04">ちゃんと作りたい。</span>
416                        </h4>
417                        <p class="swiper-txt">カットした食材と調味料が一緒になった「お料理キット」は毎日の献立からあなたを開放してくれます。時短できるのにメインディッシュ。メニューも豊富で、飽きずに楽しめます。調味料&レシピ付なので新しいメニューにもどんどん挑戦できます。</p>
418                      </div>
419                      <div class="swiper-badge">
420                        <img src="./assets/images/top/swiper-badge04.png" alt="お仕事や子育て中のあなたに">
421                      </div>
422                    </div>
423                    <div class="swiper-slide">
424                      <img
425                        src="./assets/images/top/swiper-slide01.png"
426                        alt="ケース1"
427                      />
428                      <div class="swiper-description-box">
429                        <h4 class="swiper-heading">
430                          <span class="swiper-heading-txt01"><span class="swiper-heading-txt01-color">スキマ時間</span>にお買物</span><br>
431                          <span class="swiper-heading-color01">日常に<span class="swiper-heading-txt01-color">ゆとりを</span></span>
432                        </h4>
433                        <p class="swiper-txt">スーパーに行かなくても、ちょっとしたスキマ時間に注文できるので毎日の買物時間が短縮できて時間にゆとりができます。新鮮な食材を“最短翌日お届け”で安心して買えるのがとてもうれしい。商品に合わせた温度管理で置き配もしてくれるので不在時や直接商品を受け取りたくないときも便利です。</p>
434                      </div>
435                      <div class="swiper-badge">
436                        <img src="./assets/images/top/swiper-badge01.png" alt="買物時間を短縮したいあなたに">
437                      </div>
438                    </div>
439                    <div class="swiper-slide">
440                      <img
441                        src="./assets/images/top/swiper-slide02.png"
442                        alt="ケース2"
443                      />
444                      <div class="swiper-description-box">
445                        <h4 class="swiper-heading">
446                          <span class="swiper-heading-txt02">忙しい人も、買い物を</span><br>
447                          <span class="swiper-heading-color02">楽しみたい人<span class="swiper-heading-txt02-color">も!</span></span>
448                        </h4>
449                        <p class="swiper-txt">好みの注文方法は人それぞれ。カタログをめくりながら気になる商品を探したい人、WEBサイトでササっと注文したい人、そしてネットが少し不安な人。阪急キッチンエールは、いろんな人にあった注文方法をご用意しています。</p>
450                      </div>
451                      <div class="swiper-badge">
452                        <img src="./assets/images/top/swiper-badge02.png" alt="料理好きのあなたに">
453                      </div>
454                    </div>
455                    <div class="swiper-slide">
456                      <img
457                        src="./assets/images/top/swiper-slide03.png"
458                        alt="ケース3"
459                      />
460                      <div class="swiper-description-box">
461                        <h4 class="swiper-heading swiper-heading--03">
462                          <span class="swiper-heading-txt03"><span class="swiper-heading-txt03-color">美味しいもの</span>は</span><br>
463                          <span class="swiper-heading-color03"><span class="swiper-heading-txt03-color">いい食材から</span></span>
464                        </h4>
465                        <p class="swiper-txt">毎日美味しいものを食べたい私にはチルドで届くお肉がとてもうれしい。味や風味が良いのでお料理の幅がひろがります。ほしかった調味料やこだわりの調理器具を出かけなくても買えるのは料理にこだわりたい私にピッタリ!</p>
466                      </div>
467                      <div class="swiper-badge">
468                        <img src="./assets/images/top/swiper-badge03.png" alt="出かけるのが億劫のあなたに">
469                      </div>
470                    </div>
471                    <div class="swiper-slide">
472                      <img
473                        src="./assets/images/top/swiper-slide04.png"
474                        alt="ケース4"
475                      />
476                      <div class="swiper-description-box">
477                        <h4 class="swiper-heading swiper-heading--04">
478                          <span class="swiper-heading-txt04">忙しい毎日。でも、</span><br>
479                          <span class="swiper-heading-color04">ちゃんと作りたい。</span>
480                        </h4>
481                        <p class="swiper-txt">カットした食材と調味料が一緒になった「お料理キット」は毎日の献立からあなたを開放してくれます。時短できるのにメインディッシュ。メニューも豊富で、飽きずに楽しめます。調味料&レシピ付なので新しいメニューにもどんどん挑戦できます。</p>
482                      </div>
483                      <div class="swiper-badge">
484                        <img src="./assets/images/top/swiper-badge04.png" alt="お仕事や子育て中のあなたに">
485                      </div>
486                    </div>
487                  </div>
488                  <div class="swiper-button-prev"></div>
489                  <div class="swiper-button-next"></div>
490                </div>
491              </div>
492            </section>
493
494            <section class="sec04">
495              <div class="sec04__bg">
496                <div class="l-inner">
497                  <div class="sec04__contents">
498                    <div class="sec04__heading js-fade">
499                      <picture>
500                        <source media="(max-width: 700px)" srcset="./assets/images/top/sec04__heading-sp.png" type="image/png">
501                        <img src="./assets/images/top/sec04__heading.png" alt="阪急キッチンエール選ばれる理由">
502                      </picture>
503                    </div>
504                    <div class="sec04__flex sec04__flex--row js-scroll-trigger">
505                      <div class="sec04__img u-fade-type-up">
506                        <picture>
507                          <source media="(max-width: 700px)" srcset="./assets/images/top/sec04__img-sp.png" type="image/png">
508                          <img src="./assets/images/top/sec04__img.png" alt="女性の写真">
509                        </picture>
510                        <figure class="sec04__img01 animate-loop" data-animate="swing"><img src="./assets/images/top/sec04__img02.png" alt="かぼちゃ"></figure>
511                      </div>
512                      <div class="sec04__sub-heading u-fade-type-up">
513                        <div class="sec04__sub-heading-img">
514                          <picture>
515                            <source media="(max-width: 700px)" srcset="./assets/images/top/sec04__sub-heading-sp.png" type="image/png">
516                            <img src="./assets/images/top/sec04__sub-heading.png" alt="ご注文の翌日にご自宅までお届け">
517                          </picture>
518                          <h3 class="sec04__main-heading">ご注文の翌日に<br>ご自宅までお届け</h3>
519                        </div>
520                        <p class="sec04__sub-heading-txt">前日の深夜12時までのご注文で最短翌日にお届け。<br>翌日以降のご都合に合わせた日程もお選びいただけます。</p>
521                        <p class="sec04__sub-heading-txt-pink">会員登録から30日間配送無料!</p>
522                      </div>
523                    </div>
524                  </div>
525                </div>
526              </div>
527              <div class="sec04__img03 animate-loop" data-animate="pulse">
528                <img src="./assets/images/top/sec04__img03.png" alt="ブリの照り焼き">
529              </div>
530              <div class="sec04__heading-en js-fade">
531                <img src="./assets/images/top/sec04-heading-en.svg" alt="FEATURE">
532              </div>
533            </section>
534
535            <section class="sec05">
536              <svg width="0" height="0">
537              <defs>
538              <clipPath id="wave-clip-inverse-pc" clipPathUnits="objectBoundingBox">
539              <path d="
540              M0,0.03
541              Q0.0625,0 0.125,0.03
542              T0.25,0.03
543              T0.375,0.03
544              T0.5,0.03
545              T0.625,0.03
546              T0.75,0.03
547              T0.875,0.03
548              T1,0.03
549              L1,1
550              L0,1
551              Z" />
552              </clipPath>
553
554
555              <clipPath id="wave-clip-inverse-sp" clipPathUnits="objectBoundingBox">
556              <path d="
557              M0,0.015
558              Q0.0625,0 0.125,0.015
559              T0.25,0.015
560              T0.375,0.015
561              T0.5,0.015
562              T0.625,0.015
563              T0.75,0.015
564              T0.875,0.015
565              T1,0.015
566              L1,1
567              L0,1
568              Z" />
569              </clipPath>
570              </defs>
571              </svg>
572              <div class="sec05__bg">
573                <div class="l-inner">
574                  <div class="sec05__contents">
575                    <div class="sec05__flex js-scroll-trigger">
576                        <div class="sec05__img u-fade-type-up">
577                          <picture>
578                            <source media="(max-width: 700px)" srcset="./assets/images/top/sec05-img-sp.png" type="image/png">
579                            <img src="./assets/images/top/sec05-img.png" alt="冷蔵・冷凍も安心!">
580                          </picture>
581                        </div>
582                      <div class="sec05__txt u-fade-type-up">
583                        <div class="sec05__sub-heading-img">
584                          <picture class="sec05__sub-heading-catalog-img">
585                            <source media="(max-width: 700px)" srcset="./assets/images/top/sec05__sub-heading-sp.png" type="image/png">
586                            <img src="./assets/images/top/sec05__sub-heading.png" alt="専用ボックスで、商品に合わせた温度管理でお届け">
587                          </picture>
588                          <p class="sec05__sub-heading-pink">家にいなくても大丈夫!</p>
589                          <h3 class="sec05__main-heading">専用ボックスで、<br>商品に合わせた<br>温度管理でお届け</h3>
590                        </div>
591                        <p class="sec05__sub-txt">生鮮食品やアイスクリームも安心してご注文いただけます。置き配も可能で、ご不在時や直接商品を受け取りたくない方にも安心。</p>
592                        <p class="sec05__sub-txt-add">※会員登録時に、ご在宅の場合、ご不在の場合の商品のお届け方法をお伺いします。お留守でも、ご指定の場所に置かせていただきますので、ご安心いただけます。</p>
593                      </div>
594                    </div>
595                  </div>
596                </div>
597              </div>
598            </section>
599
600
601            <section class="sec06">
602              <svg width="0" height="0">
603              <defs>
604              <clipPath id="wave-clip-inverse-pc" clipPathUnits="objectBoundingBox">
605              <path d="
606              M0,0.03
607              Q0.0625,0 0.125,0.03
608              T0.25,0.03
609              T0.375,0.03
610              T0.5,0.03
611              T0.625,0.03
612              T0.75,0.03
613              T0.875,0.03
614              T1,0.03
615              L1,1
616              L0,1
617              Z" />
618              </clipPath>
619
620              <clipPath id="wave-clip-inverse-sp" clipPathUnits="objectBoundingBox">
621              <path d="
622              M0,0.015
623              Q0.0625,0 0.125,0.015
624              T0.25,0.015
625              T0.375,0.015
626              T0.5,0.015
627              T0.625,0.015
628              T0.75,0.015
629              T0.875,0.015
630              T1,0.015
631              L1,1
632              L0,1
633              Z" />
634              </clipPath>
635              </defs>
636              </svg>
637              <div class="sec06__bg">
638                <div class="l-inner">
639                  <div class="sec06__contents">
640                    <div class="sec06__flex sec06__flex--row js-scroll-trigger">
641                      <div class="sec06__img u-fade-type-up">
642                        <picture>
643                          <source media="(max-width: 700px)" srcset="./assets/images/top/sec06__img-sp.png" type="image/png">
644                          <img src="./assets/images/top/sec06__img.png" alt="配送員の写真">
645                        </picture>
646                        <figure class="sec06__img02 animate-loop" data-animate="pulse"><img src="./assets/images/top/sec06__img01.png" alt="配送ボックス"></figure>
647                      </div>
648                      <div class="sec06__sub-heading u-fade-type-up">
649                        <div class="sec06__sub-heading-img">
650                          <picture>
651                            <source media="(max-width: 700px)" srcset="./assets/images/top/sec06__sub-heading-sp.png" type="image/png">
652                            <img src="./assets/images/top/sec06__sub-heading.png" alt="3,000円以上で配送料無料">
653                          </picture>
654                          <h3 class="sec06__main-heading"><span class="sec06__main-heading-num">3,000</span>円以上で<br><span class="sec06__main-heading-pr">配送料</span><span class="sec06__main-heading-circle">無</span><span class="sec06__main-heading-circle">料</span>
655                          </h3>
656                        </div>
657                        <p class="sec06__sub-heading-txt">1回3,000円(本体価格)以上のご注文で配送料無料。まとめてご注文いただくことで、お得にお買物することができます。</p>
658                        <p class="sec06__sub-heading-txt-add">※3,000円(本体価格)未満の場合は、440円(税込)を頂戴いたします。</p>
659                      </div>
660                    </div>
661                  </div>
662                </div>
663              </div>
664              <div class="sec06__img03 animate-loop" data-animate="swing">
665                <img src="./assets/images/top/sec05__fork.png" alt="フォーク">
666              </div>
667            </section>
668
669            <section class="sec07">
670              <svg width="0" height="0">
671              <defs>
672              <clipPath id="wave-clip-inverse-pc" clipPathUnits="objectBoundingBox">
673              <path d="
674              M0,0.03
675              Q0.0625,0 0.125,0.03
676              T0.25,0.03
677              T0.375,0.03
678              T0.5,0.03
679              T0.625,0.03
680              T0.75,0.03
681              T0.875,0.03
682              T1,0.03
683              L1,1
684              L0,1
685              Z" />
686              </clipPath>
687
688              <clipPath id="wave-clip-inverse-sp" clipPathUnits="objectBoundingBox">
689              <path d="
690              M0,0.015
691              Q0.0625,0 0.125,0.015
692              T0.25,0.015
693              T0.375,0.015
694              T0.5,0.015
695              T0.625,0.015
696              T0.75,0.015
697              T0.875,0.015
698              T1,0.015
699              L1,1
700              L0,1
701              Z" />
702              </clipPath>
703              </defs>
704              </svg>
705              <div class="sec07__bg">
706                <div class="l-inner">
707                  <div class="sec07__contents">
708                      <div class="sec07__flex js-scroll-trigger is-Pc_Tab">
709                        <div class="parent">
710                          <div class="div1 u-fade-type-up">
711                            <picture>
712                              <source media="(max-width: 700px)" srcset="./assets/images/top/sec06_grid01-sp.png" type="image/png">
713                              <img src="./assets/images/top/sec06_grid01.png" alt="オペレーターに直接注文">
714                            </picture>
715                          </div>
716                          <div class="div2 u-fade-type-up">
717                            <picture>
718                              <source media="(max-width: 700px)" srcset="./assets/images/top/sec06_grid02-sp.png" type="image/png">
719                              <img src="./assets/images/top/sec06_grid02.png" alt="自動音声ガイダンスで注文">
720                            </picture>
721                          </div>
722                          <div class="div3 u-fade-type-up">
723                            <picture>
724                              <source media="(max-width: 700px)" srcset="./assets/images/top/sec06_grid03-sp.png" type="image/png">
725                              <img src="./assets/images/top/sec06_grid03.png" alt="パソコンで注文">
726                            </picture>
727                          </div>
728                          <div class="div4 u-fade-type-up">
729                            <picture>
730                              <source media="(max-width: 700px)" srcset="./assets/images/top/sec06_grid04-sp.png" type="image/png">
731                              <img src="./assets/images/top/sec06_grid04.png" alt="スマホアプリで注文">
732                            </picture>
733                          </div>
734                          <div class="div5 u-fade-type-up">
735                            <picture>
736                              <source media="(max-width: 700px)" srcset="./assets/images/top/sec07__sub-heading-sp.png" type="image/png">
737                              <img src="./assets/images/top/sec07__sub-heading.png" alt="多彩な4つの注文方法">
738                            </picture>
739                            <div class="sec07__sub-heading">
740                              <h3 class="sec07__main-heading">多彩な4つの<br><span class="sec07__main-heading-circle">注</span><span class="sec07__main-heading-circle">文</span><span class="sec07__main-heading-pl">方法</span></h3>
741                              <p class="sec07__sub-heading-txt">パソコンやスマートフォンだけでなく、電話の自動音声ガイダンス(IVR)や70歳以上の会員様にはオペレーターに直接ご注文を承るサービス(有料)もご用意しています。</p>
742                            </div>
743                            <div class="sec07__convenience">
744                              <p class="sec07__convenience-pink">お客様に合った注文方法で便利に!</p>
745                            </div>
746                          </div>
747                        </div>
748                      </div>
749                      <div class="sec07__flex is-Sp">
750                        <div class="parent">
751                          <div class="div1 js-fade">
752                            <picture>
753                              <source media="(max-width: 700px)" srcset="./assets/images/top/sec06_grid01-sp.png" type="image/png">
754                              <img src="./assets/images/top/sec06_grid01.png" alt="オペレーターに直接注文">
755                            </picture>
756                          </div>
757                          <div class="div2 js-fade">
758                            <picture>
759                              <source media="(max-width: 700px)" srcset="./assets/images/top/sec06_grid02-sp.png" type="image/png">
760                              <img src="./assets/images/top/sec06_grid02.png" alt="自動音声ガイダンスで注文">
761                            </picture>
762                          </div>
763                          <div class="div3 js-fade">
764                            <picture>
765                              <source media="(max-width: 700px)" srcset="./assets/images/top/sec06_grid03-sp.png" t
765ype="image/png">
766                              <img src="./assets/images/top/sec06_grid03.png" alt="パソコンで注文">
767                            </picture>
768                          </div>
769                          <div class="div4 js-fade">
770                            <picture>
771                              <source media="(max-width: 700px)" srcset="./assets/images/top/sec06_grid04-sp.png" type="image/png">
772                              <img src="./assets/images/top/sec06_grid04.png" alt="スマホアプリで注文">
773                            </picture>
774                          </div>
775                          <div class="div5 js-fade">
776                            <picture>
777                              <source media="(max-width: 700px)" srcset="./assets/images/top/sec07__sub-heading-sp.png" type="image/png">
778                              <img src="./assets/images/top/sec07__sub-heading.png" alt="多彩な4つの注文方法">
779                            </picture>
780                            <div class="sec07__sub-heading">
781                              <h3 class="sec07__main-heading">多彩な4つの<br><span class="sec07__main-heading-circle">注</span><span class="sec07__main-heading-circle">文</span><span class="sec07__main-heading-pl">方法</span></h3>
782                              <p class="sec07__sub-heading-txt">パソコンやスマートフォンだけでなく、電話の自動音声ガイダンス(IVR)や70歳以上の会員様にはオペレーターに直接ご注文を承るサービス(有料)もご用意しています。</p>
783                            </div>
784                            <div class="sec07__convenience">
785                              <p class="sec07__convenience-pink">お客様に合った注文方法で便利に!</p>
786                            </div>
787                          </div>
788                        </div>
789                      </div>
790                    <div class="sec07__line-dot">
791                      <picture>
792                        <source media="(max-width: 700px)" srcset="./assets/images/top/sec07_line-dot-sp.png" type="image/png">
793                        <img src="./assets/images/top/sec07_line-dot.png" alt="あしらい">
794                      </picture>
795                      <div class="sec07__spoon animate-loop" data-animate="pulse">
796                        <img src="./assets/images/top/sec07_spoon.png" alt="スプーン">
797                      </div>
798                    </div>
799                    <div class="sec07__btn-flex">
800                      <div class="sec07__btn-left">
801                        <p>実際の電子カタログで<br>商品をチェック!</p>
802                      </div>
803                      <a href="https://ec.k-yell.co.jp/front/app/catalog/electronic_catalog_list/" class="sec07__btn" target="_blank">
804                        <span>
805                          <img src="./assets/images/top/link-btn-text.svg" alt="電子カタログ" class="cta-txt-default is-Pc_Tab">
806                          <img src="./assets/images/top/link-btn-text-sp.svg" alt="電子カタログ" class="cta-txt-default-sp is-Sp">
807                          <img src="./assets/images/top/link-btn-text-hov.svg" alt="電子カタログ" class="cta-txt-hover">
808                        </span>
809                        <p class="sec07__book">
810                          <img src="./assets/images/top/link-btn-book.png" alt="カタログ"></p>
811                      </a>
812                    </div>
813                  </div>
814                </div>
815              </div>
816            </section>
817
818            
819
820            <section class="sec08">
821              <svg width="0" height="0">
822              <defs>
823              <clipPath id="wave-clip-inverse-pc" clipPathUnits="objectBoundingBox">
824              <path d="
825              M0,0.03
826              Q0.0625,0 0.125,0.03
827              T0.25,0.03
828              T0.375,0.03
829              T0.5,0.03
830              T0.625,0.03
831              T0.75,0.03
832              T0.875,0.03
833              T1,0.03
834              L1,1
835              L0,1
836              Z" />
837              </clipPath>
838
839              <clipPath id="wave-clip-inverse-sp" clipPathUnits="objectBoundingBox">
840              <path d="
841              M0,0.015
842              Q0.0625,0 0.125,0.015
843              T0.25,0.015
844              T0.375,0.015
845              T0.5,0.015
846              T0.625,0.015
847              T0.75,0.015
848              T0.875,0.015
849              T1,0.015
850              L1,1
851              L0,1
852              Z" />
853              </clipPath>
854              </defs>
855              </svg>
856              <div class="sec08__bg">
857                <div class="l-inner">
858                  <div class="sec08__contents">
859                    <h2 class="sec08__heading js-fade">
860                      <picture>
861                        <source media="(max-width: 700px)" srcset="./assets/images/top/sec08_heading-sp.png" t
861ype="image/png">
862                        <img src="./assets/images/top/sec08_heading.png" alt="阪急キッチンエールは気軽にたのめて3つの0円">
863                      </picture>
864                    </h2>
865                    <p class="sec08__txt js-fade">入会金・月会費・配送料無料!<br class="is-Sp">だから安心してご利用いただけます!</p>
866                    <div class="sec08__free-flex js-scroll-trigger">
867                      <div class="sec08__free-item u-fade-type-up">
868                        <img src="./assets/images/top/sec08_free01.png" alt="入会金">
869                      <p class="sec08__free-item-heading">入会金</p>
870                      </div>
871                      <div class="sec08__free-item u-fade-type-up"><img src="./assets/images/top/sec08_free02.png" alt="月会費">
872                      <p class="sec08__free-item-heading">月会費</p>
873                      </div>
874                      <div class="sec08__free-item u-fade-type-up">
875                        <picture>
876                          <source media="(max-width: 700px)" srcset="./assets/images/top/sec08_free03-sp.png" type="image/png">
877                          <img src="./assets/images/top/sec08_free03.png" alt="配送料">
878                        </picture>
879                      <p class="sec08__free-item-heading">配送料</p>
880                      </div>
881                    </div>
882                  </div>
883                </div>
884              </div>
885            </section>
886
887
888            <section class="sec09">
889              <div class="sec09__bg">
890                  <div class="l-inner">
891                    <h3 class="sec09__heading js-fade">
892                      <span class="sec09__heading-txt">自分にあった<br class="is-Sp">スタイルをチョイス</span>
893                      <picture>
894                        <source media="(max-width: 700px)" srcset="./assets/images/top/sec09_type-heading-sp.png" type="image/png">
895                        <img src="./assets/images/top/sec09_type-heading.png" alt="選べる3つの会員タイプ">
896                      </picture>
897                      <span class="sec09__heading-01 js-fade"><img src="./assets/images/top/sec09__heading-img01.svg" alt="あしらい"></span>
898                      <span class="sec09__heading-02 js-fade"><img src="./assets/images/top/sec09__heading-img02.svg" alt="あしらい"></span>
899                      <span class="sec09__heading-03 js-fade"><img src="./assets/images/top/sec09__heading-img03.svg" alt="あしらい"></span>
900                    </h3>
901
902                    <div class="sec09__type01 js-fade">
903                      <div class="sec09__type01-heading">
904                        <h3 class="sec09__type01-heading-txt">
905                          ネット会員
906                        <span class="sec09__type01-balloon"><img src="./assets/images/top/sec09__type01-balloon.png" alt="簡単手軽に注文したい!"></span>
907                        <span class="sec09__type01-icon"><img src="./assets/images/top/sec09__type01-icon.svg" alt="ネット会員"></span>
908                        </h3>
909                      </div>
910                      <div class="sec09__type01-flex">
911                          <dl class="sec09__type01-item">
912                            <dt class="sec09__type01-item-hd">注文方法</dt>
913                            <dd class="sec09__type02-item-txt">パソコンやスマホ<br><span class="sec09__type02-item-txt-sub">お電話(自動ガイダンス)</span><br>から注文</dd>
914                          </dl>
915
916                          <dl class="sec09__type01-item sec09__type01-item-empty is-Sp"></dl>
917
918                          <dl class="sec09__type01-item">
919                            <dt class="sec09__type01-item-hd sec09__type01-item-hd-white">カタログ</dt>
920                            <dd class="sec09__type01-item-txt">お届けなし<br>(ネットで閲覧)
921                            </dd>
922                            <dd class="sec09__type01-item-batsu"><img src="./assets/images/top/sec09__type01-batsu.png" alt="バツイラスト"></dd>
923                          </dl>
924                          <dl class="sec09__type01-item">
925                            <dt class="sec09__type01-item-hd sec09__type01-item-hd-white">宅配手数料</dt>
926                            <dd class="sec09__type01-item-txt sec09__type01-item-txt--img"><img src="./assets/images/top/sec09__type01-yen.svg" alt="0円"></dd>
927                          </dl>
928                        </div>
929                      <div class="sec09__type01-badge">
930                        <img src="./assets/images/top/sec08_type-img01-badge.png" alt="3000円以上で配送料0円">
931                      </div>
932                    </div>
933
934                    <div class="sec09__type02 js-fade">
935                      <div class="sec09__type02-heading">
936                        <h3 class="sec09__type02-heading-txt">カタログ会員</h3>
937                        <span class="sec09__type02-balloon"><img src="./assets/images/top/sec09__type02-balloon.png" alt="様々な商品をじっくり選べる!"></span>
938                        <span class="sec09__type02-icon"><img src="./assets/images/top/sec09__type02-icon.svg" alt="カタログ会員"></span>
939                      </div>
940                      <div class="sec09__type02-flex">
941                          <dl class="sec09__type02-item">
942                            <dt class="sec09__type02-item-hd">注文方法</dt>
943                            <dd class="sec09__type02-item-txt">パソコンやスマホ<br><span class="sec09__type02-item-txt-sub">お電話(自動ガイダンス)</span><br>から注文</dd>
944                          </dl>
945
946                          <dl class="sec09__type02-item sec09__type02-item-empty is-Sp"></dl>
947
948                          <dl class="sec09__type02-item">
949                            <dt class="sec09__type02-item-hd sec09__type02-item-hd-white">カタログ</dt>
950                            <dd class="sec09__type02-item-txt">2週間に1回<br>お届け
951                            </dd>
952                            <dd class="sec09__type02-item-maru"><img src="./assets/images/top/sec09__type01-maru.svg" alt="丸イラスト"></dd>
953                          </dl>
954                          <dl class="sec09__type02-item">
955                            <dt class="sec09__type02-item-hd sec09__type02-item-hd-white">宅配手数料</dt>
956                            <dd class="sec09__type02-item-txt">1配送ごとに<br><span class="sec09__type02-item-txt-num">165円<span class="sec09__type02-item-txt-tax">(税込)</span></span></dd>
957                          </dl>
958                        </div>
959
960                     <div class="sec09__type03 js-fade">
961                      <div class="sec09__type03-heading">
962                        <h3 class="sec09__type03-heading-txt">らくらく<br class="is-Sp">お電話注文会員</h3>
963                        <span class="sec09__type03-balloon">
964                          <picture>
965                            <source media="(max-width: 700px)" srcset="./assets/images/top/sec09__type03-balloon-sp.png" type="image/png">
966                            <img src="./assets/images/top/sec09__type03-balloon.png" alt="自動音声は苦手、会話で注文したい!">
967                          </picture>
968                        </span>
969                        <span class="sec09__type03-icon"><img src="./assets/images/top/sec09__type03-icon.svg" alt="らくらくお電話注文会員"></span>
970                      </div>
971                      <div class="sec09__type03-flex">
972                          <dl class="sec09__type03-item">
973                            <dt class="sec09__type03-item-hd">注文方法</dt>
974                            <dd class="sec09__type03-item-txt">オペレーター<br>電話</dd>
975                          </dl>
976
977                          <dl class="sec09__type03-item sec09__type03-item-empty is-Sp"></dl>
978
979                          <dl class="sec09__type03-item">
980                            <dt class="sec09__type03-item-hd sec09__type03-item-hd-white">カタログ</dt>
981                            <dd class="sec09__type03-item-txt">2週間に1回<br>お届け
982                            </dd>
983                            <dd class="sec09__type03-item-maru"><img src="./assets/images/top/sec09__type01-maru.svg" alt="丸イラスト"></dd>
984                          </dl>
985                          <dl class="sec09__type03-item">
986                            <dt class="sec09__type03-item-hd sec09__type03-item-hd-white">宅配手数料</dt>
987                            <dd class="sec09__type03-item-txt">1配送ごとに<br><span class="sec09__type03-item-txt-num">165円<span class="sec09__type03-item-txt-tax">(税込)</span></span></dd>
988                          </dl>
989                          <dl class="sec09__type03-item sec09__type03-item--04">
990                            <dt class="sec09__type03-item-hd sec09__type03-item-hd-white">らくらくお電話注文</dt>
991                            <dd class="sec09__type03-item-txt">1配送ごとに<br><span class="sec09__type03-item-txt-num">132円<span class="sec09__type03-item-txt-tax">(税込)</span></span></dd>
992                          </dl>
993                        </div>
994                      <div class="sec09__type02-badge">
995                        <img src="./assets/images/top/sec08_type-img02-badge.png" alt="3000円以上で配送料0円">
996                      </div>
997                      <div class="sec09__type03-badge">
998                        <img src="./assets/images/top/sec08_type-img03-badge.png" alt="70歳以上のカタログ会員様限定">
999                      </div>
1000                    </div>
1001                    </div>
1002                  </div>
1003                </div>
1004            </section>
1005
1006
1007            <section class="sec10">
1008              <div class="l-inner">
1009                <h2 class="sec10__heading js-fade">
1010                  <img src="./assets/images/top/sec10-heading.svg" alt="CAMPAIGN">
1011                </h2>
1012                <div class="sec10__photo js-fade">
1013                  <picture>
1014                    <source media="(max-width: 700px)" srcset="./assets/images/top/sec10-photo-txt-sp.png" t
1014ype="image/png">
1015                    <img src="./assets/images/top/sec10-photo-txt.png" alt="新規ご入会特典 期間2026年2月28日土まで 毎月抽選で100名様 ろく助塩 白塩 顆粒タイプ130g プレゼント">
1016                  </picture>
1017                </div>
1018                <a href="https://ec.k-yell.co.jp/front/app/customer/customer_edit1?_gl=1*1seow5f*_ga*OTI0NDMxNzgzLjE2OTI1ODEyOTE.*_ga_QFMTCE7B2D*MTY5Mzc5OTE4My41LjEuMTY5Mzc5OTM5OS4wLjAuMA.." class="sec10__photo-link" target="_blank">
1019                   <span>
1020                    <img src="./assets/images/top/photo-btn-text.png" alt="入会金・月会費無料! 入会申込はこちら" class="cta-txt-default is-Pc_Tab">
1021                    <img src="./assets/images/top/photo-btn-text-sp.png" class="cta-txt-default-sp is-Sp" alt="入会金・月会費無料! 入会申込はこちら">
1022                    <img src="./assets/images/top/photo-btn-text-hov.png" alt="入会金・月会費無料! 入会申込はこちら" class="cta-txt-hover">
1023                    </span>
1024                </a>
1025              </div>
1026            </section>
1027
1028
1029            <section class="sec11">
1030              <div class="l-inner">
1031                <div class="sec11__contents">
1032                  <h3 class="sec11__heading  js-fade">
1033                    <picture>
1034                      <source media="(max-width: 700px)" srcset="./assets/images/top/sec11-heading-sp.png" type="image/png">
1035                      <img src="./assets/images/top/sec11-heading.png" alt="カンタン入会3STEP">
1036                    </picture>
1037                  </h3>
1038                  <div class="sec11__box  js-fade">
1039                    <div class="sec11__box-inner">
1040                      <ul class="sec11__flex">
1041                        <li class="sec11__list-item">
1042                          <ul class="sec11__items">
1043                            <li class="sec11__common-step">
1044                              <img src="./assets/images/top/sec11-step01.png" alt="step01">
1045                            </li>
1046                            <li class="sec11__item-txt">入会フォームへ<br>アクセス!</li>
1047                          </ul>
1048                          <div class="is-Sp">
1049                            <a href="https://ec.k-yell.co.jp/front/app/customer/customer_edit1?_gl=1*1seow5f*_ga*OTI0NDMxNzgzLjE2OTI1ODEyOTE.*_ga_QFMTCE7B2D*MTY5Mzc5OTE4My41LjEuMTY5Mzc5OTM5OS4wLjAuMA.." class="sec11__item-link" target="_blank">
1050                              <span>
1051                                <img src="./assets/images/top/sec11-step-link.svg" alt="入会申込はこちら" class="cta-txt-default is-Pc_Tab">
1052                                <img src="./assets/images/top/sec11-step-link-sp.svg" alt="入会申込はこちら" class="cta-txt-default-sp is-Sp">
1053                                <img src="./assets/images/top/sec11-step-link-hov.svg" alt="入会申込はこちら" class="cta-txt-hover">
1054                              </span>
1055                            </a>
1056                          </div>
1057                        </li>
1058                        <li class="sec11__list-item sec11__list-item--02">
1059                          <ul class="sec11__items">
1060                            <li class="sec11__common-step"><img src="./assets/images/top/sec11-step02.png" alt="step02"></li>
1061                            <li class="sec11__item-txt">お客様情報を<br>入力</li>
1062                          </ul>
1063                        </li>
1064                        <li class="sec11__list-item sec11__list-item--03">
1065                          <ul class="sec11__items sec11__items--03">
1066                            <li class="sec11__common-step sec11__common-step--03">
1067                              <picture>
1068                                <source media="(max-width: 700px)" srcset="./assets/images/top/sec11-step03-sp.png" type="image/png">
1069                                <img src="./assets/images/top/sec11-step03.png" alt="step03">
1070                              </picture>
1071                            </li>
1072                            <li class="sec11__item-txt">送信完了して<br>
1073                              <span class="sec11__item-txt-color">登録!</span>
1074                              <span class="sec11__item-txt-icon"><img src="./assets/images/top/sec11-step03-icon-sp.svg" alt="あしらい"></span>
1075                            </li>
1076                          </ul>
1077                        </li>
1078                        <li class="sec11__list-item sec11__list-item--last">
1079                          <ul class="sec11__items">
1080                            <li class="sec11__common-step sec11__common-step--04">
1081                              <picture>
1082                                <source media="(max-width: 700px)" srcset="./assets/images/top/sec11-step04-sp.png" type="image/png">
1083                                <img src="./assets/images/top/sec11-step04.png" alt="登録後はすぐに注文可能!">
1084                              </picture>
1085                            </li>
1086                          </ul>
1087                        </li>
1088                      </ul>
1089
1090                      <ul class="sec11__flex02 is-Pc_Tab">
1091                        <li>
1092                            <a href="https://ec.k-yell.co.jp/front/app/customer/customer_edit1?_gl=1*1seow5f*_ga*OTI0NDMxNzgzLjE2OTI1ODEyOTE.*_ga_QFMTCE7B2D*MTY5Mzc5OTE4My41LjEuMTY5Mzc5OTM5OS4wLjAuMA.." class="sec11__item-link" target="_blank">
1093                              <span>
1094                                <img src="./assets/images/top/sec11-step-link.svg" alt="入会申込はこちら" class="cta-txt-default">
1095                                <img src="./assets/images/top/sec11-step-link-hov.svg" alt="入会申込はこちら" class="cta-txt-hover">
1096                            </span>
1097                            </a>
1098                        </li>
1099                      </ul>
1100                    </div>
1101                    <div class="sec11__box-tel-flex">
1102                      <p class="sec11__box-tel-txt">不明点はこちらから</p>
1103                      <div class="sec11__box-tel-img is-Pc_Tab">
1104                        <picture>
1105                          <source media="(max-width: 700px)" srcset="./assets/images/top/sec11__box-tel-sp.svg" type="image/svg+xml">
1106                          <img src="./assets/images/top/sec11__box-tel.svg" alt="カスタマーセンター 0120890581">
1107                        </picture>
1108                      </div>
1109                      <div class="sec11__box-tel-img is-Sp">
1110                        <a href="tel:0120890581">
1111                          <picture>
1112                            <source media="(max-width: 700px)" srcset="./assets/images/top/sec11__box-tel-sp.svg" type="image/svg+xml">
1113                            <img src="./assets/images/top/sec11__box-tel.svg" alt="カスタマーセンター 0120890581">
1114                          </picture>
1115                        </a>
1116                      </div>
1117                    </div>
1118                    <div class="sec11__box-tel-add">
1119                      <p>※電話番号のおかけ間違いにご注意ください。</p>
1120                      <p>※混雑時は、お電話がつながりにくいこともあります。あしからずご了承くださいませ。</p>
1121                    </div>
1122                  </div>
1123
1124                 <div class="sec11__02">
1125                  <picture>
1126                    <source media="(max-width: 700px)" srcset="./assets/images/top/sec11-02bg-sp.png" type="image/png">
1127                    <img src="./assets/images/top/sec11-02bg.png" alt="ノートの背景">
1128                  </picture>
1129                  <div class="sec11__contents02">
1130                    <h3 class="sec11__heading02  js-fade">
1131                      どんな商品が<br class="is-Sp">買えるの?<br>
1132                      <span class="sec11__heading-small">Our Products</span>
1133                      <span class="sec11__heading-cart"><img src="./assets/images/top/kitchen-yell-cart.svg" alt="カートイラスト"></span>
1134                      <span class="sec11__heading-logo"><img src="./assets/images/top/kitchen-yell-logo.svg" alt="Hankyu kitchen yell"></span>
1135                    </h3>
1136                    <div class="sec11__merchandise-flex js-scroll-tr
1136igger">
1137                      <h3 class="sec11__merchandise-heading is-Sp js-fade">お魚</h3>
1138                      <div class="sec11__merchandise-photo u-fade-type-up"><img src="./assets/images/top/sec11-merchandise-photo.png" alt="お魚"></div>
1139                      <div class="sec11__common-width u-fade-type-up">
1140                        <h3 class="sec11__merchandise-heading is-Pc_Tab">お魚</h3>
1141                        <p class="sec11__merchandise-txt">四季折々の旬の魚や干物まで、さまざまな魚介をお届けします。特に、届いてすぐ食べられる刺身はとても便利です。</p>
1142                      </div>
1143                    </div>
1144                    <div class="sec11__merchandise-flex sec11__merchandise-flex--02 js-scroll-trigger">
1145                      <h3 class="sec11__merchandise-heading is-Sp js-fade">野菜・果物</h3>
1146                      <div class="sec11__merchandise-photo sec11__merchandise-photo--02 u-fade-type-up">
1147                        <img src="./assets/images/top/sec11-merchandise-photo02.png" alt="野菜・果物">
1148                      </div>
1149                      <div class="sec11__common-width sec11__common-width-row-reverse u-fade-type-up">
1150                        <h3 class="sec11__merchandise-heading is-Pc_Tab">野菜・果物</h3>
1151                        <p class="sec11__merchandise-txt">キッチンエールの野菜・果物は、定番から旬の地場産まで幅広くラインアップ。季節の果物やカット野菜、カットフルーツも揃い、忙しい日もすぐお使いいただけます。</p>
1152                      </div>
1153                    </div>
1154                    <div class="sec11__merchandise-flex js-scroll-trigger">
1155                      <h3 class="sec11__merchandise-heading is-Sp js-fade">お肉</h3>
1156                      <div class="sec11__merchandise-photo u-fade-type-up"><img src="./assets/images/top/sec11-merchandise-photo03.png" alt="お肉"></div>
1157                      <div class="sec11__common-width u-fade-type-up">
1158                        <h3 class="sec11__merchandise-heading is-Pc_Tab">お肉</h3>
1159                        <p class="sec11__merchandise-txt">佐賀牛や黒豚、阿波尾鶏などのブランド肉から日常使いの肉まで幅広くお届け。用途別のカットも豊富で、鮮度を保ったまま生肉でお届けします。</p>
1160                      </div>
1161                    </div>
1162                    <div class="sec11__merchandise-flex sec11__merchandise-flex--02 js-scroll-trigger">
1163                      <h3 class="sec11__merchandise-heading is-Sp js-fade">お惣菜</h3>
1164                      <div class="sec11__merchandise-photo sec11__merchandise-photo--02 u-fade-type-up">
1165                        <img src="./assets/images/top/sec11-merchandise-photo04.png" alt="お惣菜">
1166                      </div>
1167                      <div class="sec11__common-width sec11__common-width-row-reverse u-fade-type-up">
1168                        <h3 class="sec11__merchandise-heading is-Pc_Tab">お惣菜</h3>
1169                        <p class="sec11__merchandise-txt">和・洋・中から地方の味まで、餃子やサラダ、揚げ物やスープなど選ぶのが楽しくなるほどの豊富なバリエーション。毎日の食卓も、ごちそうの場にも役に立つものがたくさん。</p>
1170                      </div>
1171                    </div>
1172                    <div class="sec11__merchandise-flex js-scroll-trigger">
1173                      <h3 class="sec11__merchandise-heading is-Sp js-fade">お料理キット</h3>
1174                      <div class="sec11__merchandise-photo u-fade-type-up">
1175                        <img src="./assets/images/top/sec11-merchandise-photo05.png" alt="お料理キット">
1176                        <p class="sec11__merchandise-sub-photo"><img src="./assets/images/top/sec11-merchandise-sub-photo05.png" alt="お料理キット"></p>
1177                      </div>
1178                      <div class="sec11__common-width u-fade-type-up">
1179                        <h3 class="sec11__merchandise-heading is-Pc_Tab">お料理キット</h3>
1180                        <p class="sec11__merchandise-txt">必要な食材と調味料がそろい、野菜も肉もカット済み。2
11800分程度の調理で仕上げられるので、忙しい日や献立に迷う人には本当に便利なセットです。</p>
1181                      </div>
1182                    </div>
1183                    <div class="sec11__merchandise-flex sec11__merchandise-flex--02 js-scroll-trigger">
1184                      <h3 class="sec11__merchandise-heading is-Sp js-fade">デパ地下グルメ</h3>
1185                      <div class="sec11__merchandise-photo sec11__merchandise-photo--02 u-fade-type-up">
1186                        <img src="./assets/images/top/sec11-merchandise-photo06.png" alt="デパ地下グルメ">
1187                      </div>
1188                      <div class="sec11__common-width sec11__common-width-row-reverse u-fade-type-up">
1189                        <h3 class="sec11__merchandise-heading is-Pc_Tab">デパ地下グルメ</h3>
1190                        <p class="sec11__merchandise-txt">阪急・阪神百貨店で扱うブランドのお惣菜やおもてなし料理、おいしいと評判の京都のお漬物などもご用意しています。ときには、百貨店グレードのおいしさも楽しみですよね。</p>
1191                      </div>
1192                    </div>
1193                    <div class="sec11__merchandise-flex js-scroll-trigger">
1194                      <h3 class="sec11__merchandise-heading is-Sp js-fade">デパ地下スイーツ</h3>
1195                      <div class="sec11__merchandise-photo u-fade-type-up"><img src="./assets/images/top/sec11-merchandise-photo07.png" alt="デパ地下スイーツ"></div>
1196                      <div class="sec11__common-width u-fade-type-up">
1197                        <h3 class="sec11__merchandise-heading is-Pc_Tab">デパ地下スイーツ</h3>
1198                        <p class="sec11__merchandise-txt">阪急うめだ本店などで人気のデパ地下スイーツも、宅配でご注文いただけます。デパ地下スイーツの憧れを、身近に感じられる宅配です。</p>
1199                      </div>
1200                    </div>
1201                    <div class="sec11__merchandise-flex sec11__merchandise-flex--02 js-scroll-trigger">
1202                      <h3 class="sec11__merchandise-heading is-Sp js-fade">日用雑貨</h3>
1203                      <div class="sec11__merchandise-photo sec11__merchandise-photo--02 u-fade-type-up">
1204                        <img src="./assets/images/top/sec11-merchandise-photo08.png" alt="日用雑貨">
1205                      </div>
1206                      <div class="sec11__common-width sec11__common-width-row-reverse u-fade-type-up">
1207                        <h3 class="sec11__merchandise-heading is-Pc_Tab">日用雑貨</h3>
1208                        <p class="sec11__merchandise-txt sec11__merchandise-txt--last">食品と一緒に日用品や雑貨も充実。買い忘れなく、一度の注文で重くてかさばる品も自宅までラクに届きます。</p>
1209                      </div>
1210                    </div>
1211                  </div>
1212                </div>
1213
1214                <div class="sec11__merchandise-link">
1215                  <p class="sec11__merchandise-link-heading">
1216                    <picture>
1217                      <source media="(max-width: 700px)" srcset="./assets/images/top/sec11-merchandise-link-sp.png" type="image/png">
1218                      <img src="./assets/images/top/sec11-merchandise-link.png" alt="実際のカタログで商品をチェック!">
1219                    </picture>
1220                  </p>
1221                  <div class="sec11__merchandise-link-flex">
1222                    <a href="https://ec.k-yell.co.jp/front/app/catalog/electronic_catalog_list/" class="sec11__merchandise-link-btn" target="_blank">
1223                   <span class="sec11__merchandise-span">
1224                    <img src="./assets/images/top/catalog-txt.svg" alt="電子カタログ" class="cta-txt-default02 is-Pc_Tab">
1225                    <img src="./assets/images/top/catalog-txt-sp.svg" alt="電子カタログ" class="cta-txt-default02-sp is-Sp">
1226                    <img src="./assets/images/top/catalog-txt-hov.svg" alt="電子カタログ" class="cta-txt-hover02">
1227                    </span>
1228                    <p class="sec11__merchandise-link-img"><img src="./assets/images/top/electronic-catalog.png" alt="電子カタログ"></p>
1229                    </a>
1230
1231                    <a href="https://ec.k-yell.co.jp/front/app/catalog/electronic_catalog/?catalogNumber=2026800_01&frchCd=007&ctlgCd=800" class="sec11__merchandise-link-btn sec11__merchandise-link-btn--02" target="_blank">
1232                   <span class="sec11__merchandise-span">
1233                    <img src="./assets/images/top/catalog-txt02.svg" alt="おせちカタログ" class="cta-txt-default02 is-Pc_Tab">
1234                    <img src="./assets/images/top/catalog-txt02-sp.svg" alt="おせちカタログ" class="cta-txt-default02-sp is-Sp">
1235                    <img src="./assets/images/top/catalog-txt02-hov.svg" alt="おせちカタログ" class="cta-txt-hover02">
1236                    </span>
1237                    <p class="sec11__merchandise-link-img sec11__merchandise-link-img--02">
1238                      <img src="./assets/images/top/osechi-catalog.png" alt="阪急のおせちも注文できる!">
1239                    </p>
1240                    </a>
1241
1242                  </div>
1243                </div>
1244              </div>
1245            </div>
1246
1247              <section class="sec12">
1248                <div class="l-inner">
1249                  <h2 class="sec12__heading js-fade">
1250                    <picture>
1251                      <source media="(max-width: 700px)" srcset="./assets/images/top/sec12-heading-sp.png" type="image/png">
1252                      <img src="./assets/images/top/sec12-heading.png" alt="喜びの声、続々!">
1253                    </picture>
1254                  </h2>
1255                </div>
1256
1257                <div class="voice-slider-wrapper js-fade">
1258                  <!-- カスタム矢印 -->
1259                   <div class="l-inner">
1260                     <div class="slider-arrows">
1261                       <button class="prev-arrow" type="button"></button>
1262                       <button class="next-arrow" type="button"></button>
1263                     </div>
1264                   </div>
1265
1266                <div class="voice-slider js-fade">
1267                  <div class="voice-card">
1268                    <div class="voice-common">
1269                      <img src="./assets/images/top/voice-card-img01.png" alt="感想その1">
1270                      <div class="voice-wrap">
1271                        <div class="voice-title"><span class="marker">デパ地下スイーツ</span>が買えるのも魅力!</div>
1272                        <div class="voice-text">カタログを見て、デパートの混雑を避けながらゆっくりお買物を楽しめる点が気に入っています。デパ地下スイーツも魅力の一つです。</div>
1273                        <div class="voice-meta">@39歳/女性</div>
1274                      </div>
1275                    </div>
1276                  </div>
1277                  <div class="voice-card">
1278                    <div class="voice-common">
1279                      <img src="./assets/images/top/voice-card-img02.png" alt="感想その2">
1280                      <div class="voice-wrap">
1281                        <div class="voice-title">
1282                          <span class="marker">買物時間の短縮</span>で気持ちにゆとりが。
1283                        </div>
1284                        <div class="voice-text">毎日仕事で忙しい私には買い物に行く時間と手間が省けるのがありがたい。珍しい商品が手に入り、お土産に利用できる点も便利です。</div>
1285                        <div class="voice-meta">@44歳/女性</div>
1286                      </div>
1287                    </div>
1288                  </div>
1289                  <div class="voice-card">
1290                    <div class="voice-common">
1291                      <img src="./assets/images/top/voice-card-img03.png" alt="感想その3">
1292                      <div class="voice-wrap">
1293                        <div class="voice-title"><span class="marker">最短翌日で届く</span>のがとっても便利!</div>
1294                        <div class="voice-text">前日深夜12時までの注文が可能で落ち着いた時にたのめるので便利。スーパーにはない冷凍食品や、グレードの高い串カツなど、目新しい商品も魅力的。</div>
1295                        <div class="voice-meta">@64歳/女性</div>
1296                      </div>
1297                    </div>
1298                  </div>
1299                  <div class="voice-card">
1300                    <div class="voice-common">
1301                      <img src="./assets/images/top/voice-card-img04.png" alt="感想その4">
1302                      <div class="voice-wrap">
1303                        <div class="voice-title"><span class="marker">魚・肉ともに品質がいい</span>ので安心。</div>
1304                        <div class="voice-text">重い物やかさばる物を運ばなくても良いのがありがたい。鶏肉やブリなã
1304©è‚‰ãƒ»é­šã¯ã‚­ãƒƒãƒãƒ³ã‚¨ãƒ¼ãƒ«ã®å“è³ªã‚’信用しています。</div>
1305                        <div class="voice-meta">@40歳/主婦・女性</div>
1306                      </div>
1307                    </div>
1308                  </div>
1309                  <div class="voice-card">
1310                    <div class="voice-common">
1311                      <img src="./assets/images/top/voice-card-img05.png" alt="感想その5">
1312                      <div class="voice-wrap">
1313                        <div class="voice-title">
1314                          <span class="marker">「お料理キット」</span>がお気に入り!
1315                        </div>
1316                        <div class="voice-text">お料理キットは料理の苦手な私でも自分で思いつかない斬新なメニューが作れてしかも美味しく、家族にも喜ばれています。</div>
1317                        <div class="voice-meta">@43歳/女性</div>
1318                      </div>
1319                    </div>
1320                  </div>
1321                  <div class="voice-card">
1322                    <div class="voice-common">
1323                      <img src="./assets/images/top/voice-card-img06.png" alt="感想その6">
1324                      <div class="voice-wrap">
1325                        <div class="voice-title"><span class="marker">お肉がチルド</span>で届くのはうれしい!</div>
1326                        <div class="voice-text">お肉は冷凍ではないチルドで届くので、かなり魅力的だと感じています。また、普段手に入らない調味料や食材が買えるのもうれしい。</div>
1327                        <div class="voice-meta">@55歳/女性</div>
1328                      </div>
1329                    </div>
1330                  </div>
1331                </div>
1332              </div>
1333
1334                <section class="sec13">
1335                  <div class="sec13__circle-bg"></div>
1336                  <div class="l-inner sec13__content">
1337                    <h2 class="sec13__heading js-fade">
1338                      お届けサービス<br class="is-Sp">エリア
1339                      <small class="sec13__heading-small">Delivery area</small>
1340                    </h2>
1341                    <p class="sec13__heading-txt js-fade">お届け先がお届けサービスエリアであればご利用いただけます。</p>
1342                    <div class="sec13__map-wrap js-scrollable">
1343                      <div class="sec13__map js-fade">
1344                        <picture>
1345                          <source media="(max-width: 700px)" srcset="./assets/images/top/sec13-map-sp.png" type="image/png">
1346                          <img src="./assets/images/top/sec13-map.png" alt="お届けエリア">
1347                        </picture>
1348                        <p class="sec13__map-txt is-Pc_Tab">
1349                          豊能郡・川辺郡・三田市・神戸市灘区・宝塚市・川西市・宇治市・京田辺市・城陽市・京都市の一部にサービスを承っていないエリアがございます。<br>
1350                          <a href="https://ec.k-yell.co.jp/doc/noservice_area.pdf?_gl=1*wfoicc*_ga*OTI0NDMxNzgzLjE2OTI1ODEyOTE.*_ga_QFMTCE7B2D*MTY5Mzc5OTE4My41LjEuMTY5Mzc5OTUzNS4wLjAuMA.." class="sec13__map-txt-link" target="_blank">詳しくはこちら</a>
1351                        </p>
1352                        <p class="sec13__map-date">2026年9月現在</p>
1353                      </div>
1354                    <span class="sec13__scroll-hint"></span>
1355                    </div>
1356                    <div class="">
1357                      <p class="sec13__map-txt is-Sp">
1358                        豊能郡・川辺郡・三田市・神戸市灘区・宝塚市・川西市・宇治市・京田辺市・城陽市・京都市の一部にサービスを承っていないエリアがございます。<br>
1359                        <a href="https://ec.k-yell.co.jp/doc/noservice_area.pdf?_gl=1*wfoicc*_ga*OTI0NDMxNzgzLjE2OTI1ODEyOTE.*_ga_QFMTCE7B2D*MTY5Mzc5OTE4My41LjEuMTY5Mzc5OTUzNS4wLjAuMA.." class="sec13__map-txt-link" target="_blank">詳しくはこちら</a>
1360                      </p>
1361                    </div>
1362                  </div>
1363                </section>
1364
1365                <section class="sec14">
1366                    <div class="l-inner">
1367                      <h2 class="sec14__heading js-fade">よくある質問<br><span>Q&A</span></h2>
1368
1369                      <div class="accordion js-fade">
1370                            <h2 class="accordion__title">『阪急キッチンエール』とはどんなサービスですか?
1371                              <span class="accordion__icon"></span>
1372                              <span class="accordion__number">
1373                                <img src="./assets/images/top/accordion01.svg" alt="01">
1374                              </span>
1375                            </h2>
1376                            <div class="accordion__content">
1377                                <p class="accordion__text">「阪急キッチンエール」は、阪急阪神食品グループの食品宅配サービスです。毎日の食料品からデパ地下で人気のお惣菜、スイーツ、そして日用雑貨まで、ご注文いただいた翌日にご自宅までお届けいたします。(一部商品は除く)お届け日もお客様のご都合のいい日をお選びいただけます。</p>
1378                            </div>
1379                        </div>
1380                      <div class="accordion js-fade">
1381                            <h2 class="accordion__title">配達時に不在だった場合はどうすればいいですか?<span class="accordion__icon"></span><span class="accordion__number"><img src="./assets/images/top/accordion02.svg" alt="02"></span>
1382                            </h2>
1383                            <div class="accordion__content">
1384                                <p class="accordion__text">会員登録時にご在宅時とご不在時のお届け方法をお伺いします。お留守でもご指定の場所に置かせていただきます。</p>
1385                            </div>
1386                        </div>
1387                        <div class="accordion js-fade">
1388                            <h2 class="accordion__title">
1389                              毎日注文しないといけないのでしょうか?
1390                              <span class="accordion__icon"></span>
1391                              <span class="accordion__number">
1392                                <img src="./assets/images/top/accordion03.svg" alt="03">
1393                              </span>
1394                            </h2>
1395                            <div class="accordion__content">
1396                                <p class="accordion__text">お客様のご都合にあわせてご注文いただけます。毎日でも1週間に1回でもご自由にご注文いただけます。</p>
1397                            </div>
1398                        </div>
1399                        <div class="accordion js-fade">
1400                            <h2 class="accordion__title">
1401                              配達できる件数に制限はありますか?
1402                              <span class="accordion__icon"></span>
1403                              <span class="accordion__number">
1404                                <img src="./assets/images/top/accordion04.svg" alt="04">
1405                              </span>
1406                            </h2>
1407                            <div class="accordion__content">
1408                                <p class="accordion__text">繁忙期以外は制限を設けておりません。また制限を設ける年末や節分の日、その他天候などで影響が起きた際は、ホームページでご案内いたします。<br>※時間帯指定を承っているエリアについては、時間帯指定を承る件数に制限がございます。</p>
1409                            </div>
1410                        </div>
1411                        <div class="accordion js-fade">
1412                            <h2 class="accordion__title">
1413                              支払い方法はクレジットカードしかないのでしょうか?
1414                              <span class="accordion__icon"></span>
1415                              <span class="accordion__number">
1416                                <img src="./assets/images/top/accordion05.svg" alt="05">
1417                              </span>
1418                            </h2>
1419                            <div class="accordion__content">
1420                                <p class="accordion__text">一部口座振替も承っております。口座振替をご希望の場合は、<a href="https://ec.k-yell.co.jp/front/app/customer/inquiry/?_gl=1*1trghzi*_ga*OTI0NDMxNzgzLjE2OTI1ODEyOTE.*_ga_QFMTCE7B2D*MTY5Mzc5OTE4My41LjEuMTY5Mzc5OTY4My4wLjAuMA.." target="_blank" class="accordion__link">お問合せ</a>より「資料をご請求」ください。ホームページからの入会はクレジットカード支払いに限らせていただきます。<a href="https://ec.k-yell.co.jp/front/app/customer/inquiry/?_gl=1*1trghzi*_ga*OTI0NDMxNzgzLjE2OTI1ODEyOTE.*_ga_QFMTCE7B2D*MTY5Mzc5OTE4My41LjEuMTY5Mzc5OTY4My4wLjAuMA.." target="_blank" class="accordion__link">お問合せはこちら</a></p>
1421                            </div>
1422                        </div>
1423                        <div class="accordion js-fade">
1424                            <h2 class="accordion__title">
1425                              お届け後の空箱はどうしたらいいでしょうか?
1426                              <span class="accordion__icon"></span>
1427                              <span class="accordion__number">
1428                                <img src="./assets/images/top/accordion06.svg" alt="06">
1429                              </span>
1430                            </h2>
1431                            <div class="accordion__content">
1432                                <p class="accordion__text">原則、次回の配達時に回収をさせていただきますが、次回の注文のご予定がない場合、次回の注文までに回収して欲しい場合は、お問合せにて「空箱回収依頼」のご連絡をください。2~3日以内に回収にお伺いします。</p>
1433                            </div>
1434                        </div>
1435                        <div class="accordion js-fade">
1436                            <h2 class="accordion__title">
1437                              ネット会員なら宅配手数料不要とありますが、ネット会員とはなんですか?
1438                              <span class="accordion__icon"></span>
1439                              <span class="accordion__number">
1440                                <img src="./assets/images/top/accordion07.svg" alt="07">
1441                              </span>
1442                            </h2>
1443                            <div class="accordion__content">
1444                                <p class="accordion__text">ネット会員は、紙カタログが不要で、WEBで注文いただく会員様のことです。会員登録の画面でネット会員を選択いただきますと、紙カタログのお届けはいたしません。また、ネット会員様は宅配手数料も不要となります。</p>
1445                            </div>
1446                        </div>
1447                    </div>
1448                  </section>
1449
1450              </section>
1451            </section>
1452
1453          </main>
1454        </div>
1455        
1456  <footer id="footer" class="footer">
1457        <div class="l-inner">
1458      <div class="footer__catch">
1459        <picture>
1460          <source media="(max-width: 700px)" srcset="./assets/images/top/footer-catchcopy-sp.png" type="image/png">
1461          <img src="./assets/images/top/footer-catchcopy.png" alt="皿">
1462        </picture>
1463        <div class="footer__catch-heading js-fade">
1464          <img src="./assets/images/top/footer-catchcopy-heading.png" alt="毎日の食卓に、ちょっといいしあわせを。">
1465        </div>
1466      </div>
1467      <div class="footer__flex">
1468        <div class="footer__catalog is-Pc_Tab">
1469          <img src="./assets/images/top/footer-catalog-balloon.png" alt="カタログの見本をお届け!">
1470        </div>
1471        <div class="footer__left">
1472          <div class="parent">
1473            <div class="footer__item01">
1474              <img src="./assets/images/top/footer-logo-sp.svg" alt="大切ば食事のひとときに安心・安心・高品質を阪急キッチンエール">
1475            </div>
1476            <div class="footer__item02">
1477              <a href="https://ec.k-yell.co.jp/front/app/customer/customer_edit1?_gl=1*1seow5f*_ga*OTI0NDMxNzgzLjE2OTI1ODEyOTE.*_ga_QFMTCE7B2D*MTY5Mzc5OTE4My41LjEuMTY5Mzc5OTM5OS4wLjAuMA.." class="footer__footer-btn" target="_blank">
1478                <span>
1479                  <img src="./assets/images/top/footer-btn-txt.svg" alt="入会申込はこちら" class="cta-txt-default is-Pc_Tab">
1480                  <img src="./assets/images/top/footer-btn-txt-sp.svg" alt="入会申込はこちら" class="cta-txt-default-sp is-Sp">
1481                  <img src="./assets/images/top/footer-btn-txt-hov.svg" alt="入会申込はこちら" class="cta-txt-hover">
1482                </span>
1483              </a>
1484            </div>
1485            <div class="footer__tel is-Sp">
1486              <a href="tel:0120890581">
1487                <img src="./assets/images/top/footer-tel-sp.svg" alt="カスタマーセンター 0120890581">
1488              </a>
1489            </div>
1490            <div class="footer__catalog-sp is-Sp">
1491              <p>カタログの見本をお届け!</p>
1492            </div>
1493            <div class="footer__txt is-Pc_Tab">
1494              <div class="footer__item03">©︎ Hankyu Kitchen yell, INC.</div>
1495              <div class="footer__item04"><a href="https://ec.k-yell.co.jp/front/app/customer/inquiry/?_gl=1*1trghzi*_ga*OTI0NDMxNzgzLjE2OTI1ODEyOTE.*_ga_QFMTCE7B2D*MTY5Mzc5OTE4My41LjEuMTY5Mzc5OTY4My4wLjAuMA.." target="_blank">お問い合わせはこちら</a></div>
1496            </div>
1497          </div>
1498        </div>
1499        <div class="footer__right">
1500          <div class="footer__tel is-Pc_Tab">
1501              <img src="./assets/images/top/footer-tel.png" alt="カスタマーセンター 0120890581">
1502          </div>
1503          <p class="footer__tel-txt">※電話番号のおかけ間違いにご注意ください。<br>
1504             ※混雑時は、お電話がつながりにくいこともあります。<br>あしからずご了承くださいませ。</p>
1505          <div class="footer__txt is-Sp">
1506              <div class="footer__item03">©︎ Hankyu Kitchen yell, INC.</div>
1507              <div class="footer__item04"><a href="https://ec.k-yell.co.jp/front/app/customer/inquiry/?_gl=1*1trghzi*_ga*OTI0NDMxNzgzLjE2OTI1ODEyOTE.*_ga_QFMTCE7B2D*MTY5Mzc5OTE4My41LjEuMTY5Mzc5OTY4My4wLjAuMA.." target="_blank">お問い合わせはこちら</a></div>
1508          </div>
1509        </div>
1510      </div>
1511    </div>
1512  </footer>
1513    </div>
1514
1515
1516    <!-- js -->
1517    
1517<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
1517
1518    
1518<script src="https://unpkg.com/scroll-hint@latest/js/scroll-hint.min.js"></script>
1518
1519    
1519<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
1519
1520    
1520<script src="https://unpkg.com/swiper@latest/swiper-bundle.min.js"></script>
1520
1521    
1521<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
1521
1522    
1522<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.matchHeight/0.7.2/jquery.matchHeight-min.js"></script>
1522
1523    
1523<script src="./assets/js/script.js"></script>
1523
1524
1525
1526  </body>
1527
1528  </html>

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.