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="PLAPLAï¼ãã©ãã©ï¼ã¯ãä½è³çåæ´¥å¸ã»æ³¢æ¸å²¬ã«ãããæµ·æ´ãã©ã¹ããã¯åé¡ããã¼ãã«ããä½é¨åãã¥ã¼ã¸ã¢ã &ã©ãã©ããªã¼ã§ããæµ·æµã«ãã£ã¦ä¸çä¸ããæ¼çããæµ·ãã¿ããã®èæ¯ã«ã¯ãç§ãã¡ã®æ®ããã便å©ããç£æ¥ãããã¦æµ·ã¨ã®ã¤ãªãããããã¾ããPLAPLAã§ã¯ãæ¼çãã¿ãæµ·æµã®å±ç¤ºãç ç©¶è ã«ãã調æ»å±ç¤ºãæµ·æ´ãã©ã¹ããã¯ãåçããã©ããç¾å ´ã観å¯ãããã£ã¼ã«ãã¯ã¼ã¯ãªã©ãéãã¦ãæµ·ã¨äººã¨ã®ã¤ãªãããä½é¨ããªãããããããã®æ®ããã¨æªæ¥ãå ±ã«èãã¾ãã" /> 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="PLAPLAï¼ãã©ãã©ï¼ã¯ãä½è³çåæ´¥å¸ã»æ³¢æ¸å²¬ã«ãããæµ·æ´ãã©ã¹ããã¯åé¡ããã¼ãã«ããä½é¨åãã¥ã¼ã¸ã¢ã &ã©ãã©ããªã¼ã§ããæµ·æµã«ãã£ã¦ä¸çä¸ããæ¼çããæµ·ãã¿ããã®èæ¯ã«ã¯ãç§ãã¡ã®æ®ããã便å©ããç£æ¥ãããã¦æµ·ã¨ã®ã¤ãªãããããã¾ããPLAPLAã§ã¯ãæ¼çãã¿ãæµ·æµã®å±ç¤ºãç ç©¶è ã«ãã調æ»å±ç¤ºãæµ·æ´ãã©ã¹ããã¯ãåçããã©ããç¾å ´ã観å¯ãããã£ã¼ã«ãã¯ã¼ã¯ãªã©ãéãã¦ãæµ·ã¨äººã¨ã®ã¤ãªãããä½é¨ããªãããããããã®æ®ããã¨æªæ¥ãå ±ã«èãã¾ãã" /> 25 <meta property="og:image" content="https://pla2.jp/figma-assets/ogp.jpg" /> 26 <meta property="og:url" content="https://pla2.jp/" /> 27 <meta name="twitter:card" content="summary_large_image" /> 28 <meta name="twitter:title" content="ä¸çæµ·æ´ãã©ã¹ããã¯ãã©ã³ãã³ã°ã»ã³ã¿ã¼ PLAPLA" /> 29 <meta name="twitter:description" content="PLAPLAï¼ãã©ãã©ï¼ã¯ãä½è³çåæ´¥å¸ã»æ³¢æ¸å²¬ã«ãããæµ·æ´ãã©ã¹ããã¯åé¡ããã¼ãã«ããä½é¨åãã¥ã¼ã¸ã¢ã &ã©ãã©ããªã¼ã§ããæµ·æµã«ãã£ã¦ä¸çä¸ããæ¼çããæµ·ãã¿ããã®èæ¯ã«ã¯ãç§ãã¡ã®æ®ããã便å©ããç£æ¥ãããã¦æµ·ã¨ã®ã¤ãªãããããã¾ããPLAPLAã§ã¯ãæ¼çãã¿ãæµ·æµã®å±ç¤ºãç ç©¶è ã«ãã調æ»å±ç¤ºãæµ·æ´ãã©ã¹ããã¯ãåçããã©ããç¾å ´ã観å¯ãããã£ã¼ã«ãã¯ã¼ã¯ãªã©ãéãã¦ãæµ·ã¨äººã¨ã®ã¤ãªãããä½é¨ããªãããããããã®æ®ããã¨æªæ¥ãå ±ã«èãã¾ãã" /> 30 <meta name="twitter:image" content="https://pla2.jp/figma-assets/ogp.jpg" /> 31 <link rel="canonical" href="https://pla2.jp/" /> 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-[110px] 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-[118px] aspect-[280/131] flex-shrink-0 transition-all duration-300 mt-[5px] ml-[17px] lg:ml-[10px] opacity-100"><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><a href="/program" class="lg:hidden btn-main !text-[17px] fixed left-1/2 -translate-x-1/2 bottom-4 z-[80] pointer-events-auto transition-opacity duration-300 opacity-0 pointer-events-none">ä½é¨äºç´<img src="/figma-assets/arrowBlack.svg" alt="" class="h-[18px] w-10"/></a></header><section class="relative min-h-screen overflow-hidden bg-bg-base"><div class="absolute inset-0"><div class="swiper w-full h-full"><div class="swiper-wrapper"><div class="swiper-slide"><div class="absolute inset-0 overflow-hidden"><img src="/figma-assets/fv1.jpg" alt="" class="absolute inset-0 w-full h-full object-cover pointer-events-none"/></div></div><div class="swiper-slide"><div class="absolute inset-0 overflow-hidden"><img src="/figma-assets/fv2.jpg" alt="" class="absolute inset-0 w-full h-full object-cover pointer-events-none"/></div></div><div class="swiper-slide"><div class="absolute inset-0 overflow-hidden"><img src="/figma-assets/fv3.jpg" alt="" class="absolute inset-0 w-full h-full object-cover object-[30%_bottom] pointer-events-none"/></div></div><div class="swiper-slide"><div class="absolute inset-0 overflow-hidden"><img src="/figma-assets/fv4.jpg" alt="" class="absolute inset-0 w-full h-full object-cover pointer-events-none"/></div></div><div class="swiper-slide"><div class="absolute inset-0 overflow-hidden"><img src="/figma-assets/fv5.jpg" alt="" class="absolute inset-0 w-full h-full object-cover pointer-events-none"/></div></div></div></div></div></section><section id="about" class="bg-bg-base overflow-hidden"><div class="flex flex-col lg:flex-row"><div class="relative lg:w-1/2 mt-[80px] lg:mt-0 h-[400px] lg:h-[1000px]"><img src="/figma-assets/aboutImg1.png" alt="æ½è¨ã®æ§å" class="absolute inset-0 w-full h-full object-cover"/>
69</div><div class="lg:w-1/2 px-[30px] py-16 md:py-24 lg:py-0 lg:pl-16 lg:pr-16 lg:flex lg:flex-col lg:justify-center lg:items-center"><div class="lg:max-w-[480px] w-full"><p class="font-zen-kaku font-bold text-[23px] md:text-[32px] leading-[1.5] text-text-base mb-6">ãã©ãã©ãã°ã«ã°ã«ãã¯ã¯ã¯ã¯ã<br/>æµ·ã®æªæ¥ãããããã</p><p class="font-zen-kaku font-medium text-[16px] leading-[2] text-text-base text-justify">PLAPLAï¼ãã©ãã©ï¼ã¯ãä½è³çåæ´¥å¸ã»æ³¢æ¸å²¬ã«ãããæµ·æ´ãã©ã¹ããã¯åé¡ããã¼ãã«ããä½é¨åãã¥ã¼ã¸ã¢ã &ã©ãã©ããªã¼ã§ããæµ·æµã«ãã£ã¦ä¸çä¸ããæ¼çããæµ·ãã¿ããã®èæ¯ã«ã¯ãç§ãã¡ã®æ®ããã便å©ããç£æ¥ãããã¦æµ·ã¨ã®ã¤ãªãããããã¾ãã<br/>PLAPLAã§ã¯ãæ¼çãã¿ãæµ·æµã®å±ç¤ºãç ç©¶è
ã«ãã調æ»å±ç¤ºãæµ·æ´ãã©ã¹ããã¯ãåçããã©ããç¾å ´ã観å¯ãããã£ã¼ã«ãã¯ã¼ã¯ãªã©ãéãã¦ãæµ·ã¨äººã¨ã®ã¤ãªãããä½é¨ããªãããããããã®æ®ããã¨æªæ¥ãå
±ã«èãã¾ãã</p><a href="/about" class="btn-main mt-8 inline-flex">More About<img src="/figma-assets/arrowBlack.svg" alt="" class="h-[18px] w-10"/></a></div></div></div></section><section class="bg-bg-base overflow-hidden"><div class="hidden md:block relative aspect-[1280/1091]"><div class="absolute overflow-hidden rounded-[3px]" style="left:2.34%;top:28.74%;width:28.91%;height:47.43%"><img src="/figma-assets/photoGalleryNet.jpg" alt="" class="w-full h-full object-cover"/></div><div class="absolute overflow-hidden rounded-[3px]" style="left:37.5%;top:12.65%;width:62.5%;height:37.29%"><img src="/figma-assets/aboutDrone.png" alt="" class="w-full h-full object-cover"/></div><div class="absolute overflow-hidden rounded-[3px]" style="left:45.63%;top:60.95%;width:38.25%;height:29.47%"><img src="/figma-assets/photo-gallery-gyogun.jpg" alt="" class="absolute max-w-none pointer-events-none" style="width:104.3%;height:100%;left:-2.15%;top:0%"/></div></div><div class="md:hidden flex flex-col gap-16 py-16"><div class="w-full overflow-hidden aspect-[800/406]"><img src="/figma-assets/aboutDrone.png" alt="" class="w-full h-full object-cover"/></div><div class="w-[85%] ml-4 overflow-hidden rounded-[3px] aspect-[3/4]"><img src="/figma-assets/photoGalleryNet.jpg" alt="" class="w-full h-full object-cover"/></div><div class="relative w-[80%] self-end mr-4 overflow-hidden rounded-[3px] aspect-[3/2]"><img src="/figma-assets/photo-gallery-gyogun.jpg" alt="" class="absolute max-w-none pointer-events-none" style="width:104.1%;height:100%;left:-2.05%;top:0%"/></div></div></section><section id="information" class="bg-accent py-16 md:py-24"><div class="max-w-[1280px] mx-auto px-[30px]"><div class="flex flex-col lg:flex-row lg:justify-center gap-6"><div class="bg-white rounded-[3px] lg:w-[319px] flex-shrink-0 overflow-hidden"><div class="bg-bg-base h-10 px-[10px] flex items-center gap-3"><img src="/figma-assets/infoOpenIcon.svg" alt="" class="w-5 h-5"/><p class="font-zen-kaku font-bold text-[20px] leading-[1.4] text-accent">次ã®é館æ¥</p></div><div class="px-8 pt-12 pb-8"><p class="font-helvetica-condensed font-bold text-[80px] leading-none text-accent text-center">-- / --</p><div class="mt-3 flex items-center justify-center gap-3 font-helvetica-condensed font-bold text-[42px] leading-none text-accent md:text-[42px]"><span>---</span><span>----</span></div><div class="mx-auto mt-6 h-px w-[199px] bg-[#C8D8D8]"></div><div class="mt-8 flex items-center justify-center gap-3"><img src="/figma-assets/infoClockIcon.svg" alt="" class="w-5 h-5"/><p class="font-helvetica-condensed font-bold text-[40px] leading-none text-accent md:text-[32px]">--:-- - --:--</p></div></div></div><div class="bg-white rounded-[3px] flex-1 lg:max-w-[451px] overflow-hidden"><div class="h-10 flex items-center justify-center border-b border-[#C8D8D8]"><p class="font-helvetica-condensed font-bold text-[25px] leading-none text-accent">October</p></div><div class="px-6 md:px-10 pt-10 pb-6"><div class="grid grid-cols-7 gap-y-2.5 text-center font-helvetica-condensed font-bold text-[15px] text-text-base"><span class="leading-none">Sun</span><span class="leading-none">Mon</span><span class="leading-none">Tue</span><span class="leading-none">Wed</span><span class="leading-none">Thu</span><span class="leading-none">Fri</span><span class="leading-none">Sat</span><span class="leading-none"></span><span class="leading-none"></span><span class="leading-none"></span><span class="leading-none"></span><span class="flex flex-col items-center gap-[4px] leading-none opacity-30"><span>1</span><span class="text-[12px] leading-none h-[12px]"></span></span><span class="flex flex-col items-center gap-[4px] leading-none opacity-30"><span>2</span><span class="text-[12px] leading-none h-[12px]"></span></span><span class="flex flex-col items-center gap-[4px] leading-none opacity-30"><span>3</span><span class="text-[12px] leading-none h-[12px]"></span></span><span class="flex flex-col items-center gap-[4px] leading-none opacity-30"><span>4</span><span class="text-[12px] leading-none h-[12px]"></span></span><span class="flex flex-col items-center gap-[4px] leading-none opacity-30"><span>5</span><span class="text-[12px] leading-none h-[12px]"></span></span><span class="flex flex-col items-center gap-[4px] leading-none opacity-30"><span>6</span><span class="text-[12px] leading-none h-[12px]"></span></span><span class="flex flex-col items-center gap-[4px] leading-none opacity-30"><span>7</span><span class="text-[12px] leading-none h-[12px]"></span></span><span class="flex flex-col items-center gap-[4px] leading-none opacity-30"><span>8</span><span class="text-[12px] leading-none h-[12px]"></span></span><span class="flex flex-col items-center gap-[4px] leading-none opacity-30"><span>9</span><span class="text-[12px] leading-none h-[12px]"></span></span><span class="flex flex-col items-center gap-[4px] leading-none opacity-30"><span>10</span><span class="text-[12px] leading-none h-[12px]"></span></span><span class="flex flex-col items-center gap-[4px] leading-none opacity-30"><span>11</span><span class="text-[12px] leading-none h-[12px]"></span></span><span class="flex flex-col items-center gap-[4px] leading-none opacity-30"><span>12</span><span class="text-[12px] leading-none h-[12px]"></span></span><span class="flex flex-col items-center gap-[4px] leading-none opacity-30"><span>13</span><span class="text-[12px] leading-none h-[12px]"></span></span><span class="flex flex-col items-center gap-[4px] leading-none opacity-30"><span>14</span><span class="text-[12px] leading-none h-[12px]"></span></span><span class="flex flex-col items-center gap-[4px] leading-none opacity-30"><span>15</span><span class="text-[12px] leading-none h-[12px]"></span></span><span class="flex flex-col items-center gap-[4px] leading-none opacity-30"><span>16</span><span class="text-[12px] leading-none h-[12px]"></span></span><span class="flex flex-col items-center gap-[4px] leading-none opacity-30"><span>17</span><span class="text-[12px] leading-none h-[12px]"></span></span><span class="flex flex-col items-center gap-[4px] leading-none opacity-30"><span>18</span><span class="text-[12px] leading-none h-[12px]"></span></span><span class="flex flex-col items-center gap-[4px] leading-none opacity-30"><span>
6919</span><span class="text-[12px] leading-none h-[12px]"></span></span><span class="flex flex-col items-center gap-[4px] leading-none opacity-30"><span>20</span><span class="text-[12px] leading-none h-[12px]"></span></span><span class="flex flex-col items-center gap-[4px] leading-none opacity-30"><span>21</span><span class="text-[12px] leading-none h-[12px]"></span></span><span class="flex flex-col items-center gap-[4px] leading-none opacity-30"><span>22</span><span class="text-[12px] leading-none h-[12px]"></span></span><span class="flex flex-col items-center gap-[4px] leading-none opacity-30"><span>23</span><span class="text-[12px] leading-none h-[12px]"></span></span><span class="flex flex-col items-center gap-[4px] leading-none opacity-30"><span>24</span><span class="text-[12px] leading-none h-[12px]"></span></span><span class="flex flex-col items-center gap-[4px] leading-none opacity-30"><span>25</span><span class="text-[12px] leading-none h-[12px]"></span></span><span class="flex flex-col items-center gap-[4px] leading-none opacity-30"><span>26</span><span class="text-[12px] leading-none h-[12px]"></span></span><span class="flex flex-col items-center gap-[4px] leading-none opacity-30"><span>27</span><span class="text-[12px] leading-none h-[12px]"></span></span><span class="flex flex-col items-center gap-[4px] leading-none opacity-30"><span>28</span><span class="text-[12px] leading-none h-[12px]"></span></span><span class="flex flex-col items-center gap-[4px] leading-none opacity-30"><span>29</span><span class="text-[12px] leading-none h-[12px]"></span></span><span class="flex flex-col items-center gap-[4px] leading-none opacity-30"><span>30</span><span class="text-[12px] leading-none h-[12px]"></span></span><span class="flex flex-col items-center gap-[4px] leading-none opacity-30"><span>31</span><span class="text-[12px] leading-none h-[12px]"></span></span></div><p class="font-zen-kaku font-medium text-[13px] leading-[1.4] text-text-base mt-7 flex justify-end gap-6"><span><span class="font-helvetica-condensed font-bold text-accent pr-1">â</span>é館æ¥</span><span><span class="font-helvetica-condensed font-bold text-text-base/30 pr-1">Ã</span>ä¼é¤¨æ¥</span></p></div></div></div></div></section><section id="topics" class="py-16 md:py-24"><div class="max-w-[1280px] mx-auto px-[30px] flex flex-col lg:flex-row lg:gap-16"><div class="lg:w-1/4 mb-8 lg:mb-0 flex-shrink-0"><p class="font-helvetica-condensed font-bold text-[60px] md:text-[90px] leading-none text-text-base">Topics</p><p class="font-zen-kaku font-medium text-[16px] leading-[2] text-text-base">ï¼æ°çæ
å ±</p><div class="mt-6"><a class="btn-main inline-flex" href="/topics" data-discover="true">More<img src="/figma-assets/arrowBlack.svg" alt="" class="h-[18px] w-10"/></a></div></div><div class="lg:flex-1"><p class="font-zen-kaku font-medium text-[14px] text-text-base opacity-60">èªã¿è¾¼ã¿ä¸â¦</p></div></div></section><section id="program" class="bg-bg-base py-16 md:py-24"><div class="px-[30px]"><div class="mb-10"><p class="font-helvetica-condensed font-bold text-[60px] md:text-[90px] leading-none text-text-base">Program</p><p class="font-zen-kaku font-medium text-[15px] leading-[1.4] 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="flex flex-col lg:flex-row lg:gap-16"><div class="lg:w-1/4 mb-8 lg:mb-0 flex-shrink-0 lg:sticky lg:top-[150px] lg:self-start"><p class="font-zen-kaku font-bold text-[36px] md:text-[50px] leading-[1.4] text-text-base">å人åã</p><p class="font-zen-kaku font-medium text-[15px] leading-[1.4] text-text-base mt-1">ï¼ä½é¨ããã°ã©ã ã«ã¤ãã¦</p><a href="/program" class="btn-main mt-6 inline-flex">Reserve<img src="/figma-assets/arrowBlack.svg" alt="" class="h-[18px] w-10"/></a></div><div class="lg:flex-1 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></div></section><section class="bg-[#D6A28C]"><div class="w-full h-[280px] md:h-[356px] overflow-hidden"><img src="/figma-assets/program-b.jpg" alt="æè²æ©é¢ã»ä¼æ¥ã»èªæ²»ä½åãããã°ã©ã " class="w-full h-full object-cover"/></div><div class="px-[30px] py-16 md:py-24"><div class="flex flex-col lg:flex-row lg:gap-16"><div class="lg:w-1/4 mb-8 lg:mb-0 flex-shrink-0 lg:sticky lg:top-[150px] lg:self-start"><p class="font-zen-kaku font-bold text-[36px] md:text-[50px] leading-[1.4] text-text-base">æè²æ©é¢<br/>伿¥<br/>èªæ²»ä½åã</p></div><div class="lg:flex-1 grid grid-cols-1 md:grid-cols-2 gap-6"><div class="bg-white rounded-[3px] overflow-hidden h-full"><div class="p-6 md:p-8 flex flex-col h-full"><p class="font-zen-kaku font-bold text-[20px] leading-[1.4] text-text-base">æè²æ©é¢</p><p class="font-zen-kaku font-bold text-[32px] md:text-[40px] leading-[1.4] text-text-base">ç°å¢å¦ç¿ã»ä¿®å¦æ è¡</p><p class="font-zen-kaku font-medium text-[16px] leading-[2] text-text-base text-justify mt-4">å±ç¤ºã¬ã¤ããæ³¢æ¸å²¬ã§ã®ãã¼ãã¯ãªã¼ã³ãååç´ æã使ã£ããã®ã¥ããä½é¨ãªã©ãçµã¿åãããæå®¤ã§ã¯å³ãããªãå¦ã³ãä¿®å¦æ è¡ãææ¥ã«åãå ¥ãã¦ããã ãã¾ãã詳ããã¯ã¡ã¼ã«ãã¾ãã¯ãé»è©±ã§ãååããã ããã</p><div class="flex flex-col gap-3 mt-auto pt-6"><a href="/pamphlets/pamphlet-elementary.pdf" target="_blank" rel="noopener noreferrer" class="btn-sm inline-flex items-center self-start !text-[14px]">å°å¦çåããã³ãã¬ãã<img src="/figma-assets/arrowTeal.svg" alt="" class="h-[18px] w-10"/></a><a href="/pamphlets/pamphlet-junior-high.pdf" target="_blank" rel="noopener noreferrer" class="btn-sm inline-flex items-center self-start !text-[14px]">ä¸å¦çåããã³ãã¬ãã<img src="/figma-assets/arrowTeal.svg" alt="" class="h-[18px] w-10"/></a><a href="https://ab5ab57b.form.kintoneapp.com/public/000a41c2ea0aabefddb2b0e7992e73d4b3a63f74b4ab5f6b14de26d294decf22" target="_blank" rel="noopener noreferrer" class="btn-sm inline-flex items-center self-start">Reserve<img src="/figma-assets/arrowTeal.svg" alt="" class="h-[18px] w-10"/></a></div></div></div><div class="bg-white rounded-[3px] overflow-hidden h-full"><div class="p-6 md:p-8 flex flex-col h-full"><p class="font-zen-kaku font-bold text-[20px] leading-[1.4] text-text-base">伿¥ã»èªæ²»ä½</p><p class="font-zen-kaku font-bold text-[32px] md:text-[40px] leading-[1.4] text-text-base">è¦å¯ã»ç ä¿®</p><p class="font-zen-kaku font-medium text-[16px] leading-[2] text-text-base text-ju
78stify mt-4">è¦å¯ç ä¿®ããã¹ã¿ãã£ãã¼ãªãºã ãªã©ã«ãPLAPLAç¬èªã®ä½é¨ããã°ã©ã ãçµã¿åãããæµ·æ´ãã©ã¹ããã¯åé¡ãæ¿çã»äºæ¥ã»ç ç©¶ã®è¦ç¹ããæ·±ãæ¤è¨ããããã®å®è·µçãªã¤ã³ãããã®å ´ã§ãã詳ããã¯ã¡ã¼ã«ãã¾ãã¯ãé»è©±ã§ãååããã ããã</p><div class="flex flex-col gap-3 mt-auto pt-6"><a href="/pamphlets/pamphlet-corporate.pdf" target="_blank" rel="noopener noreferrer" class="btn-sm inline-flex items-center self-start !text-[14px]">ãã³ãã¬ãã<img src="/figma-assets/arrowTeal.svg" alt="" class="h-[18px] w-10"/></a><a href="https://ab5ab57b.form.kintoneapp.com/public/000a41c2ea0aabefddb2b0e7992e73d4b3a63f74b4ab5f6b14de26d294decf22" target="_blank" rel="noopener noreferrer" class="btn-sm inline-flex items-center self-start">Reserve<img src="/figma-assets/arrowTeal.svg" alt="" class="h-[18px] w-10"/></a></div></div></div></div></div></div></section><section class="bg-bg-light py-16 md:py-24"><div class="flex flex-col gap-24"><div class="flex lg:flex-row lg:gap-[60px] lg:items-center flex-col"><div class="w-full lg:w-[70%] relative"><div class="relative h-[300px] md:h-[423px] overflow-hidden rounded-[3px]"><img src="/figma-assets/Experience-Labo.jpg" alt="" class="absolute inset-0 w-full h-full object-cover"/><img src="/figma-assets/Experience-Labo.jpg" alt="" class="absolute inset-0 w-full h-full object-cover opacity-60 mix-blend-luminosity"/></div></div><div class="w-full lg:w-[30%] flex flex-col justify-center px-[30px] py-8 lg:py-0 lg:px-8 lg:pr-[30px]"><p class="font-zen-kaku font-bold text-[32px] md:text-[40px] leading-[1.4] text-text-base">ä½é¨ã©ã</p><p class="font-helvetica-condensed font-bold text-[16px] leading-none text-text-base mt-2 mb-4">Experience Labo</p><p class="font-zen-kaku font-medium text-[16px] leading-[2] text-text-base text-justify">å®éã«ååããæµ·æ´ãã©ã¹ããã¯ã鍿°´ã§æ´æµããè¨åãæ¼çç©ã®å±ç¤ºãéãã¦ãæµ·ãã¿ã®ç¾å®ãããã®ã¾ã¾ã«ä¼ããæ½è¨ã§ããã¯ã¼ã¯ã·ã§ããã大å¦ã¨ã®å
±åç ç©¶ãéããå¦ã³ã¨åçºãå®è·µã®å ´ã¨ãã¦æ©è½ãã¦ãã¾ãã</p><a href="/facillity#experience-labo" class="btn-main mt-6 inline-flex self-start">More<img src="/figma-assets/arrowBlack.svg" alt="" class="h-[18px] w-10"/></a></div></div><div class="flex lg:flex-row lg:gap-[60px] lg:items-center flex-col-reverse"><div class="w-full lg:w-[30%] flex flex-col justify-center px-[30px] py-8 lg:py-0 lg:px-8 lg:pl-[30px]"><p class="font-zen-kaku font-bold text-[32px] md:text-[40px] leading-[1.4] text-text-base">åçã©ã</p><p class="font-helvetica-condensed font-bold text-[16px] leading-none text-text-base mt-2 mb-4">Regeneration Labo</p><p class="font-zen-kaku font-medium text-[16px] leading-[2] text-text-base text-justify">æµ·ããååãããã©ã¹ããã¯ããæ°ããªç´ æã¸ã¨çã¾ãå¤ããããåçã®æ ç¹ã§ããåå¥ã»ç²ç ã»åæåãçµã¦ããããã¯ããçæãã¬ããã¸ã¨åçããè³æºã®å¾ªç°ãã©ãè¨è¨ããããèããå ´ã¨ãªã£ã¦ãã¾ãã</p><a href="/facillity#regeneration-labo" class="btn-main mt-6 inline-flex self-start">More<img src="/figma-assets/arrowBlack.svg" alt="" class="h-[18px] w-10"/></a></div><div class="w-full lg:w-[70%] relative"><div class="relative h-[300px] md:h-[423px] overflow-hidden rounded-[3px]"><img src="/figma-assets/Regeneration-Labo.jpg" alt="" class="absolute inset-0 w-full h-full object-cover"/><img src="/figma-assets/Regeneration-Labo.jpg" alt="" class="absolute inset-0 w-full h-full object-cover opacity-60 mix-blend-luminosity"/></div></div></div><div class="flex lg:flex-row lg:gap-[60px] lg:items-center flex-col"><div class="w-full lg:w-[70%] relative"><div class="relative h-[300px] md:h-[423px] overflow-hidden rounded-[3px]"><img src="/figma-assets/cafe-shop.jpg" alt="" class="absolute inset-0 w-full h-full object-cover"/><img src="/figma-assets/cafe-shop.jpg" alt="" class="absolute inset-0 w-full h-full object-cover opacity-60 mix-blend-luminosity"/></div></div><div class="w-full lg:w-[30%] flex flex-col justify-center px-[30px] py-8 lg:py-0 lg:px-8 lg:pr-[30px]"><p class="font-zen-kaku font-bold text-[32px] md:text-[40px] leading-[1.4] text-text-base">had COFFEE & SEA</p><p class="font-helvetica-condensed font-bold text-[16px] leading-none text-text-base mt-2 mb-4">Cafe Shop</p><p class="font-zen-kaku font-medium text-[16px] leading-[2] text-text-base text-ju
78stify">æµ·æ´ãã©ã¹ããã¯ãæ´»ãããååããä½è³çç£é£æã使ã£ãã¡ãã¥ã¼ãæä¾ããã«ãã§ãå°åã®äººã¨æ¥è¨ªè ãæ°è»½ã«ç«ã¡å¯ãããæç¶å¯è½ãªåãçµã¿ã身è¿ã«æããããã³ãã¥ããã£ã¹ãã¼ã¹ã§ãã</p><a href="https://pla2.jp/hadcoffee/" target="_blank" rel="noopener noreferrer" class="btn-main mt-6 inline-flex self-start">More<img src="/figma-assets/arrowBlack.svg" alt="" class="h-[18px] w-10"/></a></div></div></div></section><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.