1<!doctype html> 2<html lang="ja"> 3 <head> 4 <!-- Google tag (gtag.js) -->
vendor: 68 bytes, lines 4-5
4 5 <script async src="https://www.googletagmanager.com/gtag/js?id=
5G-EC9RGGGSTK
vendor: 16 bytes, lines 5-6
5"></script> 6
6<script> 7
vendor: 162 bytes, lines 7-12
7window.dataLayer = window.dataLayer || []; 8 function gtag() { 9 dataLayer.push(arguments); 10 } 11 gtag("js", new Date()); 12 gtag("config", "
12G-EC9RGGGSTK
vendor: 8 bytes, lines 12-13
12"); 13
13</script>
13 14 <meta charset="UTF-8" /> 15 <link rel="icon" href="/favicon.ico" sizes="any" /> 16 <link rel="icon" type="image/png" sizes="256x256" href="/favicon-256.png" /> 17 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" /> 18 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 19 <title>ä½é¨ããã°ã©ã | ä¸çæµ·æ´ãã©ã¹ããã¯ãã©ã³ãã³ã°ã»ã³ã¿ã¼ PLAPLA</title> 20 <meta name="description" content="å±ç¤ºã¬ã¤ããã¯ã¼ã¯ã·ã§ãããåçä½é¨ããã¼ãã¯ãªã¼ã³ãªã©ãæµ·æ´ãã©ã¹ããã¯åé¡ãå®è·µçã«å¦ã¹ãä½é¨ããã°ã©ã ãç´¹ä»ãã¾ãã" /> 21 <meta property="og:site_name" content="ä¸çæµ·æ´ãã©ã¹ããã¯ãã©ã³ãã³ã°ã»ã³ã¿ã¼ PLAPLA" /> 22 <meta property="og:type" content="website" /> 23 <meta property="og:title" content="ä½é¨ããã°ã©ã | ä¸çæµ·æ´ãã©ã¹ããã¯ãã©ã³ãã³ã°ã»ã³ã¿ã¼ PLAPLA" /> 24 <meta property="og:description" content="å±ç¤ºã¬ã¤ããã¯ã¼ã¯ã·ã§ãããåçä½é¨ããã¼ãã¯ãªã¼ã³ãªã©ãæµ·æ´ãã©ã¹ããã¯åé¡ãå®è·µçã«å¦ã¹ãä½é¨ããã°ã©ã ãç´¹ä»ãã¾ãã" /> 25 <meta property="og:image" content="https://pla2.jp/figma-assets/ogp.jpg" /> 26 <meta property="og:url" content="https://pla2.jp/program/" /> 27 <meta name="twitter:card" content="summary_large_image" /> 28 <meta name="twitter:title" content="ä½é¨ããã°ã©ã | ä¸çæµ·æ´ãã©ã¹ããã¯ãã©ã³ãã³ã°ã»ã³ã¿ã¼ PLAPLA" /> 29 <meta name="twitter:description" content="å±ç¤ºã¬ã¤ããã¯ã¼ã¯ã·ã§ãããåçä½é¨ããã¼ãã¯ãªã¼ã³ãªã©ãæµ·æ´ãã©ã¹ããã¯åé¡ãå®è·µçã«å¦ã¹ãä½é¨ããã°ã©ã ãç´¹ä»ãã¾ãã" /> 30 <meta name="twitter:image" content="https://pla2.jp/figma-assets/ogp.jpg" /> 31 <link rel="canonical" href="https://pla2.jp/program/" /> 32
32<script> 33 (function (d) { 34 var config = { 35 kitId: "qtn0zye", 36 scriptTimeout: 3000, 37 async: true, 38 }, 39 h = d.documentElement, 40 t = setTimeout(function () { 41 h.className = 42 h.className.replace(/\bwf-loading\b/g, "") + " wf-inactive"; 43 }, config.scriptTimeout), 44 tk = d.createElement("script"), 45 f = false, 46 s = d.getElementsByTagName("script")[0], 47 a; 48 h.className += " wf-loading"; 49 tk.src = "https://use.typekit.net/" + config.kitId + ".js"; 50 tk.async = true; 51 tk.onload = tk.onreadystatechange = function () { 52 a = this.readyState; 53 if (f || (a && a != "complete" && a != "loaded")) return; 54 f = true; 55 clearTimeout(t); 56 try { 57 Typekit.load(config); 58 } catch (e) {} 59 }; 60 s.parentNode.insertBefore(tk, s); 61 })(document); 62 </script>
62 63 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/yakuhanjp.min.css" /> 64
64<script type="module" crossorigin src="/assets/index-60d3d57d.js"></script>
64 65 <link rel="stylesheet" href="/assets/index-61d7acc5.css"> 66
66<script id="plapla-bootstrap" type="application/json">{"contactFormUrl":"https://ab5ab57b.form.kintoneapp.com/public/000a41c2ea0aabefddb2b0e7992e73d4b3a63f74b4ab5f6b14de26d294decf22"}</script>
66 67</head> 68 <body> 69 <div id="root"><div class="relative"><header class="fixed top-0 left-0 right-0 z-[70] flex items-start justify-between px-[15px] pt-[15px] lg:px-[30px] lg:pt-[30px] pointer-events-none"><a class="relative z-[71] flex flex-col md:flex-row items-start md:items-center gap-2 md:gap-3 pointer-events-auto" href="/" data-discover="true"><div class="h-[36.67px] aspect-[201/115] flex-shrink-0 transition-all duration-300"><img src="/figma-assets/logoHeaderGroup.svg" alt="PLAPLA ãã´" class="w-full h-full" style="mix-blend-mode:difference;filter:invert(100%)"/></div><div class="h-[29.33px] aspect-[280/131] flex-shrink-0 transition-all duration-300 mt-[5px] ml-[17px] lg:ml-[10px] opacity-0 pointer-events-none hidden"><img src="/figma-assets/logoHeaderGroupSub.svg" alt="" class="w-full h-full" style="mix-blend-mode:difference;filter:invert(100%)"/></div></a><nav class="hidden lg:flex flex-col items-end gap-3 mt-1 pointer-events-auto desktop-nav-enter "><div class="bg-white rounded-[3px] p-5 flex flex-col gap-[6px] w-[185px]"><a class="font-helvetica-condensed font-bold text-[20px] leading-[1.2] text-text-base hover:text-accent transition-colors" href="/" data-discover="true">Top</a><a class="font-helvetica-condensed font-bold text-[20px] leading-[1.2] text-text-base hover:text-accent transition-colors" href="/about" data-discover="true">About</a><a class="font-helvetica-condensed font-bold text-[20px] leading-[1.2] text-text-base hover:text-accent transition-colors" href="/program" data-discover="true">Program</a><a class="font-helvetica-condensed font-bold text-[20px] leading-[1.2] text-text-base hover:text-accent transition-colors" href="/topics" data-discover="true">Topics</a><a class="font-helvetica-condensed font-bold text-[20px] leading-[1.2] text-text-base hover:text-accent transition-colors" href="/information" data-discover="true">Information</a><a class="font-helvetica-condensed font-bold text-[20px] leading-[1.2] text-text-base hover:text-accent transition-colors" href="/facillity" data-discover="true">Facillity</a><a href="https://ocean-ethos.org/faq/" class="font-helvetica-condensed font-bold text-[20px] leading-[1.2] text-text-base hover:text-accent transition-colors" target="_blank" rel="noopener noreferrer">FAQ</a><a href="https://ab5ab57b.form.kintoneapp.com/public/000a41c2ea0aabefddb2b0e7992e73d4b3a63f74b4ab5f6b14de26d294decf22" class="font-helvetica-condensed font-bold text-[20px] leading-[1.2] text-text-base hover:text-accent transition-colors" target="_blank" rel="noopener noreferrer">Contact</a></div><a href="/program" class="btn-main !text-[17px]">ä½é¨äºç´<img src="/figma-assets/arrowBlack.svg" alt="" class="h-[18px] w-10"/></a></nav><button class="lg:hidden mt-2 p-2 bg-white rounded-[3px] text-text-base pointer-events-auto" aria-label="ã¡ãã¥ã¼ãéã"><span class="block w-6 h-0.5 bg-text-base mb-1.5"></span><span class="block w-6 h-0.5 bg-text-base mb-1.5"></span><span class="block w-6 h-0.5 bg-text-base"></span></button></header><main class="bg-bg-base pt-[180px] pb-16 md:pb-24"><div class="px-[30px]"><div class="mb-8"><p class="font-helvetica-condensed font-bold text-[50px] md:text-[60px] leading-none text-text-base">Program</p><p class="font-zen-kaku font-medium text-[16px] leading-[2] text-text-base">ä½é¨ããã°ã©ã ã«ã¤ãã¦</p></div><p class="font-zen-kaku font-medium text-[16px] leading-[2] text-text-base text-justify max-w-[587px] mb-12">PLAPLAã§ã¯ãæµ·æ´ãã©ã¹ããã¯åé¡ãæµ·ã®å¾ªç°ããè¦ã¦ã»è§¦ãã¦ã»æ¥½ãã¿ãªããä½é¨ã§ããããã°ã©ã ãå±éãã¦ãã¾ããå±ç¤ºã¬ã¤ããæµ·æ´ãã©ã¹ããã¯ã使ã£ãã¯ã¼ã¯ã·ã§ãããæµ·å²¸ã§ã®ãã£ã¼ã«ãã¯ã¼ã¯ãªã©ãåã©ããã大人ã¾ã§æ¥½ãããä½é¨åããã°ã©ã ã§ãã妿 ¡å¦ç¿ãä¿®å¦æ è¡ã伿¥ç ä¿®ã¾ã§ãããããã®ç®çã«åããã¦åå ã§ããç°å¢ã¹ã¿ãã£ããã°ã©ã ã§ãã</p><div class="mb-12 lg:flex lg:justify-center"><div class="bg-white rounded-[3px] px-4 md:px-5 py-3 flex items-center gap-3 md:gap-5 w-full lg:w-auto"><div class="flex flex-1 lg:flex-none items-center gap-3 md:gap-5"><button class="flex-1 lg:flex-none text-center font-zen-kaku font-bold text-[14px] md:text-[20px] leading-[1.4] whitespace-nowrap transition-opacity text-accent opacity-100">å人åã</button></div><div class="flex flex-1 lg:flex-none items-center gap-3 md:gap-5"><span class="w-px h-7 bg-text-base opacity-20"></span><button class="flex-1 lg:flex-none text-center font-zen-kaku font-bold text-[14px] md:text-[20px] leading-[1.4] whitespace-nowrap transition-opacity text-text-base opacity-30">æè²æ©é¢åã</button></div><div class="flex flex-1 lg:flex-none items-center gap-3 md:gap-5"><span class="w-px h-7 bg-text-base opacity-20"></span><button class="flex-1 lg:flex-none text-center font-zen-kaku font-bold text-[14px] md:text-[20px] leading-[1.4] whitespace-nowrap transition-opacity text-text-base opacity-30">伿¥ã»èªæ²»ä½åã</button></div></div></div><div class="grid grid-cols-1 md:grid-cols-2 gap-6"><a class="block" href="/program/guide-tour" data-discover="true"><div class="bg-white rounded-[3px] overflow-hidden flex flex-col"><div class="px-6 md:px-8 pt-6 md:pt-8"><p class="font-zen-kaku font-bold leading-[1.4] whitespace-pre-line text-[32px] md:text-[40px] text-accent">ã¬ã¤ããã¢ã¼</p><p class="font-zen-kaku font-medium leading-[1.6] mt-1 text-[15px] text-accent">æµ·ãããä¸çãè¦ã¦ã¿ããã</p></div><div class="px-6 md:px-8 mt-6"><div class="swiper aspect-[3/2] rounded-[3px]"><div class="swiper-wrapper"><div class="swiper-slide"><img src="/figma-assets/program-guide-tour-1.jpg" alt="ã¬ã¤ããã¢ã¼" class="w-full h-full object-cover"/>
69</div><div class="swiper-slide"><img src="/figma-assets/program-guide-tour-2.jpg" alt="ã¬ã¤ããã¢ã¼" class="w-full h-full object-cover"/></div><div class="swiper-slide"><img src="/figma-assets/program-guide-tour-3.jpg" alt="ã¬ã¤ããã¢ã¼" class="w-full h-full object-cover"/></div><div class="swiper-slide"><img src="/figma-assets/program-guide-tour-4.jpg" alt="ã¬ã¤ããã¢ã¼" class="w-full h-full object-cover"/></div><div class="swiper-slide"><img src="/figma-assets/program-guide-tour-5.jpg" alt="ã¬ã¤ããã¢ã¼" class="w-full h-full object-cover"/></div><div class="swiper-slide"><img src="/figma-assets/program-guide-tour-6.jpg" alt="ã¬ã¤ããã¢ã¼" class="w-full h-full object-cover"/></div></div></div><div class="flex justify-center gap-2 mt-3"><span class="block w-1.5 h-1.5 rounded-full transition-colors" style="background-color:#00B4AC"></span><span class="block w-1.5 h-1.5 rounded-full transition-colors" style="background-color:#D1D5DB"></span><span class="block w-1.5 h-1.5 rounded-full transition-colors" style="background-color:#D1D5DB"></span><span class="block w-1.5 h-1.5 rounded-full transition-colors" style="background-color:#D1D5DB"></span><span class="block w-1.5 h-1.5 rounded-full transition-colors" style="background-color:#D1D5DB"></span><span class="block w-1.5 h-1.5 rounded-full transition-colors" style="background-color:#D1D5DB"></span></div></div><div class="p-6 md:p-8 flex-1 flex flex-col"><p class="font-zen-kaku font-medium leading-[2] text-text-base text-justify flex-1 text-[16px]">æµ·æµã«ãã£ã¦ä¸çä¸ããæµãçãæµ·ãã¿ããã®èæ¯ã«ã¯ãç§ãã¡ã®æ®ãããç£æ¥ãæåãããã¦æµ·ã¨ã®ã¤ãªãããããã¾ããã¬ã¤ããã¢ã¼ã§ã¯ãæµ·æµãæ¼çãã¿ãç ç©¶å±ç¤ºãªã©ãå·¡ããªãããæµ·æ´ãã©ã¹ããã¯åé¡ã®âå ¨ä½åâãä½é¨ãã¦ããã¾ãã</p><div class="mt-6 flex justify-end"><button class="btn-sm">More<img src="/figma-assets/arrowTeal.svg" alt="" class="h-[18px] w-10"/></button></div></div></div></a><a class="block" href="/program/workshop" data-discover="true"><div class="bg-white rounded-[3px] overflow-hidden flex flex-col"><div class="px-6 md:px-8 pt-6 md:pt-8"><p class="font-zen-kaku font-bold leading-[1.4] whitespace-pre-line text-[32px] md:text-[40px] text-accent">ã¯ã¼ã¯ã·ã§ãã</p><p class="font-zen-kaku font-medium leading-[1.6] mt-1 text-[15px] text-accent">æµ·ãã¿ãããä¸çã«ã²ã¨ã¤ãã¤ãããã</p></div><div class="px-6 md:px-8 mt-6"><div class="swiper aspect-[3/2] rounded-[3px]"><div class="swiper-wrapper"><div class="swiper-slide"><img src="/figma-assets/workshop-4.jpg" alt="ã¯ã¼ã¯ã·ã§ãã" class="w-full h-full object-cover"/></div><div class="swiper-slide"><img src="/figma-assets/workshop-5.jpg" alt="ã¯ã¼ã¯ã·ã§ãã" class="w-full h-full object-cover"/></div><div class="swiper-slide"><img src="/figma-assets/workshop-6.jpg" alt="ã¯ã¼ã¯ã·ã§ãã" class="w-full h-full object-cover"/></div><div class="swiper-slide"><img src="/figma-assets/workshop-7.jpg" alt="ã¯ã¼ã¯ã·ã§ãã" class="w-full h-full object-cover"/></div><div class="swiper-slide"><img src="/figma-assets/workshop-1.jpg" alt="ã¯ã¼ã¯ã·ã§ãã" class="w-full h-full object-cover"/></div></div></div><div class="flex justify-center gap-2 mt-3"><span class="block w-1.5 h-1.5 rounded-full transition-colors" style="background-color:#00B4AC"></span><span class="block w-1.5 h-1.5 rounded-full transition-colors" style="background-color:#D1D5DB"></span><span class="block w-1.5 h-1.5 rounded-full transition-colors" style="background-color:#D1D5DB"></span><span class="block w-1.5 h-1.5 rounded-full transition-colors" style="background-color:#D1D5DB"></span><span class="block w-1.5 h-1.5 rounded-full transition-colors" style="background-color:#D1D5DB"></span></div></div><div class="p-6 md:p-8 flex-1 flex flex-col"><p class="font-zen-kaku font-medium leading-[2] text-text-base text-justify flex-1 text-[16px]">æµ·ã§ååããããã©ã¹ããã¯ãåçããã«ã©ãã«ãªåæã使ã£ã¦ãèªåã ãã®ãªãªã¸ãã«ãã¼ãã£ã¼ã ãå¶ä½ããã¯ã¼ã¯ã·ã§ããã§ãã好ããªè²ãé¸ã³ãæ··ãåãããç±ãå ãã¦å½¢ãåãæ¨¡æ§ã¯ã²ã¨ã¤ã¨ãã¦çã¾ãã¾ããã</p><div class="mt-6 flex justify-end"><button class="btn-sm">More<img src="/figma-assets/arrowTeal.svg" alt="" class="h-[18px] w-10"/></button></div></div></div></a><a class="block" href="/program/recycling" data-discover="true"><div class="bg-white rounded-[3px] overflow-hidden flex flex-col"><div class="px-6 md:px-8 pt-6 md:pt-8"><p class="font-zen-kaku font-bold leading-[1.4] whitespace-pre-line text-[32px] md:text-[40px] text-accent">ãã¼ãã¯ãªã¼ã³ 70åçã©ãè¦å¦</p><p class="font-zen-kaku font-medium leading-[1.6] mt-1 text-[15px] text-accent">æµ·ãã¿ãã³ã¿ã¼ã«ãªããã</p></div><div class="px-6 md:px-8 mt-6"><div class="swiper aspect-[3/2] rounded-[3px]"><div class="swiper-wrapper"><div class="swiper-slide"><img src="/figma-assets/saisei-1.jpg" alt="ãã¼ãã¯ãªã¼ã³ 71åçã©ãè¦å¦" class="w-full h-full object-cover"/>
71</div><div class="swiper-slide"><img src="/figma-assets/saisei-2.png" alt="ãã¼ãã¯ãªã¼ã³ 72åçã©ãè¦å¦" class="w-full h-full object-cover"/></div><div class="swiper-slide"><img src="/figma-assets/saisei-3.png" alt="ãã¼ãã¯ãªã¼ã³ 73åçã©ãè¦å¦" class="w-full h-full object-cover"/></div><div class="swiper-slide"><img src="/figma-assets/program-recycling-dscf3627.jpg" alt="ãã¼ãã¯ãªã¼ã³ 74åçã©ãè¦å¦" class="w-full h-full object-cover"/></div><div class="swiper-slide"><img src="/figma-assets/program-recycling-saisei-lab1.jpg" alt="ãã¼ãã¯ãªã¼ã³ 75åçã©ãè¦å¦" class="w-full h-full object-cover"/></div><div class="swiper-slide"><img src="/figma-assets/program-recycling-saisei-lab2.jpg" alt="ãã¼ãã¯ãªã¼ã³ 76åçã©ãè¦å¦" class="w-full h-full object-cover"/></div><div class="swiper-slide"><img src="/figma-assets/program-recycling-dscf3578.jpg" alt="ãã¼ãã¯ãªã¼ã³ 77åçã©ãè¦å¦" class="w-full h-full object-cover"/></div></div></div><div class="flex justify-center gap-2 mt-3"><span class="block w-1.5 h-1.5 rounded-full transition-colors" style="background-color:#00B4AC"></span><span class="block w-1.5 h-1.5 rounded-full transition-colors" style="background-color:#D1D5DB"></span><span class="block w-1.5 h-1.5 rounded-full transition-colors" style="background-color:#D1D5DB"></span><span class="block w-1.5 h-1.5 rounded-full transition-colors" style="background-color:#D1D5DB"></span><span class="block w-1.5 h-1.5 rounded-full transition-colors" style="background-color:#D1D5DB"></span><span class="block w-1.5 h-1.5 rounded-full transition-colors" style="background-color:#D1D5DB"></span><span class="block w-1.5 h-1.5 rounded-full transition-colors" style="background-color:#D1D5DB"></span></div></div><div class="p-6 md:p-8 flex-1 flex flex-col"><p class="font-zen-kaku font-medium leading-[2] text-text-base text-justify flex-1 text-[16px]">PLAPLAå¨è¾ºã®æµ·å²¸ãèå°ã«ããã¼ã ã«åããã¦æµ·ãã¿ãååãããã£ã¼ã«ãããã°ã©ã ã§ããè²ã種é¡ãã¨ã«ãã¤ã³ããéããããçããæ¼çç©ãæ¢ããããã²ã¼ã æè¦ã§æµ·å²¸ãæ¢æ¤ããªãããæµ·ãã¿ã®ç¹å¾´ãæ¼çã®ä»çµã¿ã観å¯ãã¦ããã¾ãã 78ãã¼ãã¯ãªã¼ã³å¾ã«ã¯ãåçã©ããè¦å¦ãã¦ãæ¾ã£ãå¾ã«ã©ããªããã宿ãã¦ãã ããã</p><div class="mt-6 flex justify-end"><button class="btn-sm">More<img src="/figma-assets/arrowTeal.svg" alt="" class="h-[18px] w-10"/></button></div></div></div></a></div></div></main><footer class="bg-white"><div class="max-w-[1280px] mx-auto px-[30px] py-8"><div class="flex flex-col lg:flex-row lg:items-start lg:justify-between gap-10"><div><div class="flex flex-row items-center gap-3 mb-6"><div class="h-[55px] aspect-[201/115] flex-shrink-0"><img src="/figma-assets/logoGroup.svg" alt="PLAPLA" class="w-full h-full"/></div><div class="h-[47px] aspect-[280/131] flex-shrink-0"><img src="/figma-assets/logo-sub-black.svg" alt="" class="w-full h-full"/></div></div><p class="font-zen-kaku font-medium text-[15px] leading-[1.6] text-text-base">ä¸çæµ·æ´ãã©ã¹ããã¯ãã©ã³ãã³ã°ã»ã³ã¿ã¼ PLAPLA</p><div class="font-zen-kaku font-medium text-[13px] leading-[1.6] text-text-base mt-4"><p>ä½è³ç åæ´¥å¸ é®è¥¿çºæ³¢æ¸720-1</p><p>0955-53-8572</p></div></div><div class="flex flex-col gap-8 lg:items-end"><div class="flex flex-col"><div class="font-zen-kaku font-medium text-[13px] leading-[1.6] text-text-base"><p>é館æéï¼9:00 - 17:00</p><p>ä¼é¤¨æ¥ãï¼æ¯é±æ°´ææ¥ã»å¹´æ«å¹´å§</p><p>å ¥å ´æãï¼ç¡æ</p></div><div class="flex items-center gap-[22px]"></div></div><nav class="flex flex-wrap gap-x-5 gap-y-2 font-helvetica-condensed font-bold text-[13px] leading-[1.6] text-text-base lg:justify-end" aria-label="ãµã¤ãããã"><a href="/" class="hover:opacity-70 transition-opacity">Top</a><a href="/about" class="hover:opacity-70 transition-opacity">About</a><a href="/program" class="hover:opacity-70 transition-opacity">Program</a><a href="/topics" class="hover:opacity-70 transition-opacity">Topics</a><a href="/information" class="hover:opacity-70 transition-opacity">Information</a><a href="/facillity" class="hover:opacity-70 transition-opacity">Facillity</a><a href="https://ocean-ethos.org/faq/" class="hover:opacity-70 transition-opacity" target="_blank" rel="noopener noreferrer">FAQ</a></nav><p class="font-medium text-[11px] leading-[1.2] text-text-base lg:text-right">© World Ocean Plastic Planning Center</p></div></div></div></footer></div></div> 79 80 </body> 81</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.