Seaside House | Okinawa Institute of Science and Technology OIST

<!DOCTYPE html> <html lang="en" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/ dc: http://purl.org/dc/terms/ foaf: http://xmlns.com/foaf/0.1/ og: http://ogp.me/ns# rdfs: http://www.w3.org/2000/01/rdf-schema# schema: http://schema.org/ sioc: http://rdfs.org/sioc/ns# sioct: http://rdfs.org/sioc/types# skos: http://www.w3.org/2004/02/skos/core# xsd: http://www.w3.org/2001/XMLSchema# " class="scroll-smooth"> <head>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-P6NDCBGTJ1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-P6NDCBGTJ1'); </script> <meta charset="utf-8" /> <link rel="canonical" href="https://www.oist.jp/campus/seaside-house" /> <link rel="shortlink" href="https://www.oist.jp/node/987" /> <meta property="og:site_name" content="Okinawa Institute of Science and Technology OIST" /> <meta property="og:type" content="article" /> <meta property="og:url" content="https://www.oist.jp/campus/seaside-house" /> <meta property="og:title" content="Seaside House" /> <meta property="og:image" content="https://www.oist.jp/themes/custom/server_theme/dist/images/oist-campus-aerial-2019.jpg" /> <meta property="og:updated_time" content="2022-12-16T09:08:58+09:00" /> <meta property="article:published_time" content="2011-02-24T06:25:44+09:00" /> <meta property="article:modified_time" content="2022-12-16T09:08:58+09:00" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Seaside House" /> <meta name="twitter:image" content="https://www.oist.jp/themes/custom/server_theme/dist/images/oist-campus-aerial-2019.jpg" /> <link rel="icon" sizes="512x512" href="/themes/custom/server_theme/favicons/android-chrome-512x512.png"/> <link rel="icon" sizes="192x192" href="/themes/custom/server_theme/favicons/android-chrome-192x192.png"/> <link rel="apple-touch-icon" sizes="180x180" href="/themes/custom/server_theme/favicons/apple-touch-icon.png"/> <link rel="icon" type="image/png" sizes="32x32" href="/themes/custom/server_theme/favicons/favicon-32x32.png"/> <link rel="icon" type="image/png" sizes="16x16" href="/themes/custom/server_theme/favicons/favicon-16x16.png"/> <link rel="manifest" href="/themes/custom/server_theme/favicons/site.webmanifest"/> <link rel="mask-icon" href="/themes/custom/server_theme/favicons/safari-pinned-tab.svg" color="#5bbad5"/> <link rel="shortcut icon" href="/themes/custom/server_theme/favicons/favicon.ico"/> <meta name="msapplication-TileColor" content="#da532c"/> <meta name="msapplication-config" content="/themes/custom/server_theme/favicons/browserconfig.xml"/> <meta name="theme-color" content="#ffffff"/> <meta name="favicon-generator" content="Drupal responsive_favicons + realfavicongenerator.net" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <script type="application/ld+json">{ "@context": "https://schema.org", "@graph": [ { "@type": "Organization", "additionalType": "CollegeOrUniversity", "@id": "oist.jp", "url": "https://www.oist.jp/", "description": "The Okinawa Institute of Science and Technology (OIST) is an interdisciplinary graduate school offering a 5-year PhD program in Science.", "name": "Okinawa Institute of Science and Technology", "logo": { "@type": "ImageObject", "url": "https://www.oist.jp/sites/default/files/photos/shisa-only_600x600.jpg", "width": "600", "height": "600" }, "address": { "@type": "PostalAddress", "streetAddress": "1919-1", "addressLocality": [ "Tancha", "Onna" ], "addressRegion": [ "Kunigami District", "Okinawa" ], "postalCode": "904-0495", "addressCountry": "JP" } } ] }</script> <link rel="alternate" hreflang="en" href="https://www.oist.jp/campus/seaside-house" /> <link rel="alternate" hreflang="ja" href="https://www.oist.jp/ja/campus/seaside-house" /> <link rel="canonical" href="https://www.oist.jp/campus/seaside-house" /> <link rel="shortlink" href="https://www.oist.jp/node/987" /> <title>Seaside House | Okinawa Institute of Science and Technology OIST</title> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_PLmmQN-UQYMRCf6k1uBllbxuwKUxe2Ed_pZLflJ0c18.css?delta=0&language=en&theme=server_theme&include=eJxdjUEKwzAMBD_k4CcVOdm6AVkKWlFwX99TDs5tmYFZTiZGbUKUXYWcyx4gpYNl90A1jyF6_lCI-CJe-cFA7epNdGNOPa2vzi8YxbjS8Obp94n58Si-3ZIb7A82sz36" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_zjIee3ThNertkKvXhxnRYPhwQKN8B8ejD7Y0C4u-igs.css?delta=1&language=en&theme=server_theme&include=eJxdjUEKwzAMBD_k4CcVOdm6AVkKWlFwX99TDs5tmYFZTiZGbUKUXYWcyx4gpYNl90A1jyF6_lCI-CJe-cFA7epNdGNOPa2vzi8YxbjS8Obp94n58Si-3ZIb7A82sz36" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_ppO1t0XFuJWWlzpOepazSU6b4pR5ctjCom8DCnf0i4I.css?delta=2&language=en&theme=server_theme&include=eJxdjUEKwzAMBD_k4CcVOdm6AVkKWlFwX99TDs5tmYFZTiZGbUKUXYWcyx4gpYNl90A1jyF6_lCI-CJe-cFA7epNdGNOPa2vzi8YxbjS8Obp94n58Si-3ZIb7A82sz36" /> <link rel="stylesheet" media="all" href="//fonts.googleapis.com/css?family=Open+Sans:400,400i,700" /> <link rel="stylesheet" media="all" href="//fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_ZgbbXANYkeUD0OuGc6KErB6m_HTg4Bhn7uw95jVDOK4.css?delta=5&language=en&theme=server_theme&include=eJxdjUEKwzAMBD_k4CcVOdm6AVkKWlFwX99TDs5tmYFZTiZGbUKUXYWcyx4gpYNl90A1jyF6_lCI-CJe-cFA7epNdGNOPa2vzi8YxbjS8Obp94n58Si-3ZIb7A82sz36" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_A74iNgEyORe62zrHaKTGPJ9ofSx-eGXqBKtmr3oBk6Y.css?delta=6&language=en&theme=server_theme&include=eJxdjUEKwzAMBD_k4CcVOdm6AVkKWlFwX99TDs5tmYFZTiZGbUKUXYWcyx4gpYNl90A1jyF6_lCI-CJe-cFA7epNdGNOPa2vzi8YxbjS8Obp94n58Si-3ZIb7A82sz36" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_sXG7eZvGHXxsPw5jn0T_gmWIQoVqtnXwUm7rWh-wtoQ.css?delta=7&language=en&theme=server_theme&include=eJxdjUEKwzAMBD_k4CcVOdm6AVkKWlFwX99TDs5tmYFZTiZGbUKUXYWcyx4gpYNl90A1jyF6_lCI-CJe-cFA7epNdGNOPa2vzi8YxbjS8Obp94n58Si-3ZIb7A82sz36" /> <script src="/libraries/fontawesome/js/all.min.js?v=6.4.2" defer></script> <script src="/libraries/fontawesome/js/v4-shims.min.js?v=6.4.2" defer></script> <script src="https://player.vimeo.com/api/player.js"></script> </head> <body class="path-node page-node-type-page font-body"> <a href="#main-content" class="visually-hidden focusable skip-link"> Skip to main content </a> <div class="dialog-off-canvas-main-canvas flex flex-col min-h-screen" data-off-canvas-main-canvas> <nav class="main-menu-wrapper flex-col items-stretch z-main-menu fixed inset-0 w-full h-screen bg-blue-primary text-white overflow-scroll lg:overflow-hidden" role="navigation"> <div class="px-4 sm:px-6 lg:px-8 xl:px-20 py-5 lg:py-6 flex flex-row justify-between items-center border-b border-gray-300"> <div> <img class="w-32 lg:w-48" src="/themes/custom/server_theme/dist/images/logo-footer.svg" alt="Logo"> </div> <button name="close_menu" class="menu-close mt-2 w-6 h-6"> <img src="/themes/custom/server_theme/dist/images/menu-close.svg" alt="Close menu"> </button> </div> <div class="flex lg:flex-row px-4 sm:px-6 lg:px-8 xl:px-20 lg:overflow-hidden grow relative"> <div class="lg:hidden py-6 overflow-auto w-full"> <ul class="menu main-menu m-0 flex flex-col space-y-3"> <li class="menu-item flex flex-col"> <button href="" class="menu-root-item block text-2xl leading-11 font-header w-full text-left ">About</button> <ul class="sub-menu text-lg font-bold"> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/about" class="menu-sub-item py-2 block ">About OIST</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/about/facts-and-figures" class="menu-sub-item py-2 block ">Facts and Figures</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <button class="menu-sub-item flex items-center py-2 text-left ">President <span class="expand-indicator flex justify-center items-center w-6 h-6 border-2 rounded-full border-white ml-4 "></span></button> <ul class="sub-menu text-lg font-normal"> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/about/president" class="menu-sub-item py-2 block ">President</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/about/president/media-library" class="menu-sub-item py-2 block ">Presidential Media Library</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/about/president/lectures" class="menu-sub-item py-2 block ">Presidential Lectures</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/about/president/office" class="menu-sub-item py-2 block ">Office of the President</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/about/president/university-management-forum" class="menu-sub-item py-2 block ">President's Council</a> </li> </ul> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <button class="menu-sub-item flex items-center py-2 text-left ">Leadership and Governance <span class="expand-indicator flex justify-center items-center w-6 h-6 border-2 rounded-full border-white ml-4 "></span></button> <ul class="sub-menu text-lg font-normal"> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/about/leadership-governance" class="menu-sub-item py-2 block ">Leadership and Governance</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/about/officers-senior-management" class="menu-sub-item py-2 block ">Officers & Senior Management</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/about/leadership-governance/board-governors" class="menu-sub-item py-2 block ">Board of Governors</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/about/leadership-governance/board-councilors" class="menu-sub-item py-2 block ">Board of Councilors</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/about/organigram" class="menu-sub-item py-2 block ">Organigram</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/about/former-presidents" class="menu-sub-item py-2 block ">Former Presidents</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/policy-library" class="menu-sub-item py-2 block ">Policies, Rules & Procedures</a> </li> </ul> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <button class="menu-sub-item flex items-center py-2 text-left ">History <span class="expand-indicator flex justify-center items-center w-6 h-6 border-2 rounded-full border-white ml-4 "></span></button> <ul class="sub-menu text-lg font-normal"> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/about/history" class="menu-sub-item py-2 block ">History</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/about/history/oistpc" class="menu-sub-item py-2 block ">OIST Promotion Corporation</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/about/history/koji-omi" class="menu-sub-item py-2 block ">Koji Omi</a> </li> </ul> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <button class="menu-sub-item flex items-center py-2 text-left ">News <span class="expand-indicator flex justify-center items-center w-6 h-6 border-2 rounded-full border-white ml-4 "></span></button> <ul class="sub-menu text-lg font-normal"> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/about/news-center" class="menu-sub-item py-2 block ">News</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/about/media-coverage" class="menu-sub-item py-2 block ">Media Coverage</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/social-media" class="menu-sub-item py-2 block ">Social Media</a> </li> </ul> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/about/photos" class="menu-sub-item py-2 block ">Photo Galleries</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/oist-publications-reports" class="menu-sub-item py-2 block ">Publications and Reports</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <button class="menu-sub-item flex items-center py-2 text-left ">Procurement <span class="expand-indicator flex justify-center items-center w-6 h-6 border-2 rounded-full border-white ml-4 "></span></button> <ul class="sub-menu text-lg font-normal"> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/about/procurement" class="menu-sub-item py-2 block ">Procurement</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/about/procurement/construction" class="menu-sub-item py-2 block ">Tender for Construction</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/about/procurement/article" class="menu-sub-item py-2 block ">Tender for Goods and Services</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/about/procurement/procurement-related-regulations" class="menu-sub-item py-2 block ">Procurement Regulations</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/about/procurement/guidance-business-partners-japan" class="menu-sub-item py-2 block ">Supplier Guidance (Japan)</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/about/procurement/guidance-international-business-partners" class="menu-sub-item py-2 block ">Supplier Guidance (International)</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/about/procurement/deliverysales-guidance-oist-campus" class="menu-sub-item py-2 block ">Directions for Delivery & Sales</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/about/procurement/electronic-procurement-system" class="menu-sub-item py-2 block ">Electronic Procurement System</a> </li> </ul> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="https://groups.oist.jp/ja/coo/information-disclosure" class="menu-sub-item py-2 block ">Information Disclosure</a> </li> </ul> </li> <li class="menu-item flex flex-col"> <button href="" class="menu-root-item block text-2xl leading-11 font-header w-full text-left ">Research</button> <ul class="sub-menu text-lg font-bold"> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/research" class="menu-sub-item py-2 block ">Research</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/research/research-units" class="menu-sub-item py-2 block ">Research Units</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/research/faculty-members" class="menu-sub-item py-2 block ">Faculty</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/research/discover" class="menu-sub-item py-2 block ">Research Specialties</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/research/research-news" class="menu-sub-item py-2 block ">Research News</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/annual-reports" class="menu-sub-item py-2 block ">Annual Reports</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/research/videos" class="menu-sub-item py-2 block ">Videos</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/research/podcast" class="menu-sub-item py-2 block ">Podcast</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/research/core-facilities" class="menu-sub-item py-2 block ">Core Facilities</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="https://groups.oist.jp/ja/coo/compliance-initiative" class="menu-sub-item py-2 block ">Compliance Initiative</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/research/safe-responsible-research" class="menu-sub-item py-2 block ">Safe and Responsible Research</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="" class="menu-sub-item py-2 block ">Safe and Responsible Research</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/conference" class="menu-sub-item py-2 block ">Conferences & Workshops</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/ocqt" class="menu-sub-item py-2 block ">OIST Center for Quantum Technologies</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/research/buribushi" class="menu-sub-item py-2 block ">Buribushi Fellowship</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/stg" class="menu-sub-item py-2 block ">Science and Technology Group</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/research/bridge-network" class="menu-sub-item py-2 block ">Bridge Network</a> </li> </ul> </li> <li class="menu-item flex flex-col"> <button href="" class="menu-root-item block text-2xl leading-11 font-header w-full text-left ">Study</button> <ul class="sub-menu text-lg font-bold"> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/study" class="menu-sub-item py-2 block ">Study</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/study/phd-research-internship-program" class="menu-sub-item py-2 block ">PhD and Research Internship Program</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/study/graduate-school-three-policies" class="menu-sub-item py-2 block ">The Graduate School Three Policies</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/study/graduate-school-office" class="menu-sub-item py-2 block ">Graduate School Office</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/study/student-life" class="menu-sub-item py-2 block ">Student Life</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/study/library" class="menu-sub-item py-2 block ">Library</a> </li> </ul> </li> <li class="menu-item flex flex-col"> <a href="/innovation" class="menu-root-item block text-2xl leading-11 font-header w-full text-left ">Innovation</a> </li> <li class="menu-item flex flex-col"> <button href="" class="menu-root-item block text-2xl leading-11 font-header w-full text-left ">Outreach</button> <ul class="sub-menu text-lg font-bold"> <li class="menu-item flex flex-col my-2.5 px-2.5"> <button class="menu-sub-item flex items-center py-2 text-left ">Community and Education Outreach <span class="expand-indicator flex justify-center items-center w-6 h-6 border-2 rounded-full border-white ml-4 "></span></button> <ul class="sub-menu text-lg font-normal"> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/outreach" class="menu-sub-item py-2 block ">Community and Education Outreach</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/outreach/update" class="menu-sub-item py-2 block ">Outreach Updates</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/outreach/elementary-school" class="menu-sub-item py-2 block ">Elementary School</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/outreach/junior-high-school" class="menu-sub-item py-2 block ">Junior High School</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/outreach/high-school" class="menu-sub-item py-2 block ">High School</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/outreach/university" class="menu-sub-item py-2 block ">University</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/outreach/general-public" class="menu-sub-item py-2 block ">General Public</a> </li> </ul> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <button class="menu-sub-item flex items-center py-2 text-left ">Our contribution to Okinawa <span class="expand-indicator flex justify-center items-center w-6 h-6 border-2 rounded-full border-white ml-4 "></span></button> <ul class="sub-menu text-lg font-normal"> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/outreach/contribution" class="menu-sub-item py-2 block ">Our contribution to Okinawa</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/outreach/community/covid" class="menu-sub-item py-2 block ">COVID Community Projects</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/outreach/community/spotlight" class="menu-sub-item py-2 block ">OISTer Spotlight</a> </li> </ul> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/sdg" class="menu-sub-item py-2 block ">SDGs</a> </li> </ul> </li> <li class="menu-item flex flex-col"> <button href="" class="menu-root-item block text-2xl leading-11 font-header w-full text-left active">Campus</button> <ul class="sub-menu text-lg font-bold active"> <li class="menu-item flex flex-col my-2.5 px-2.5"> <button class="menu-sub-item flex items-center py-2 text-left ">Campus <span class="expand-indicator flex justify-center items-center w-6 h-6 border-2 rounded-full border-white ml-4 "></span></button> <ul class="sub-menu text-lg font-normal"> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/campus" class="menu-sub-item py-2 block ">Campus</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/clinic" class="menu-sub-item py-2 block ">OIST Clinic</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/campus/visitors-center-shops-restaurants" class="menu-sub-item py-2 block ">Shops and Restaurants</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/campus/child-care-education" class="menu-sub-item py-2 block ">Child Care and Education</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/campus/housing" class="menu-sub-item py-2 block ">Housing</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/campus/community-facilities" class="menu-sub-item py-2 block ">Community Facilities</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/campus/research-facilities" class="menu-sub-item py-2 block ">Research Facilities</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/campus/ganjuu-wellbeing-service" class="menu-sub-item py-2 block ">Ganjuu Wellbeing Service</a> </li> </ul> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/campus/access-map" class="menu-sub-item py-2 block ">Access</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/campus/parking" class="menu-sub-item py-2 block ">Parking</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/campus/event-venue" class="menu-sub-item py-2 block ">Event Venues</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/campus/tokyo-office" class="menu-sub-item py-2 block ">Tokyo Office</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/campus/seaside-house" class="menu-sub-item py-2 block active">Seaside House</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/campus/marine-science-station" class="menu-sub-item py-2 block ">Marine Science Station</a> </li> </ul> </li> <li class="menu-item flex flex-col"> <button href="" class="menu-root-item block text-2xl leading-11 font-header w-full text-left ">Careers</button> <ul class="sub-menu text-lg font-bold"> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/careers" class="menu-sub-item py-2 block ">Open Positions</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/careers/faculty-positions" class="menu-sub-item py-2 block ">Faculty Positions</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/careers/background-check" class="menu-sub-item py-2 block ">Background Check</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="https://groups.oist.jp/hr-relocation" class="menu-sub-item py-2 block ">HR Relocation</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/diversity" class="menu-sub-item py-2 block ">Diversity</a> </li> <li class="menu-item flex flex-col my-2.5 px-2.5"> <a href="/c-hub" class="menu-sub-item py-2 block ">Professional Development & Inclusion</a> </li> </ul> </li> </ul> </div> <div class="menu_level_0 hidden lg:block menu_level_0 py-6 pr-8 overflow-auto scrollbar scrollbar-thin scrollbar-thumb-blue-gray scrollbar-rounded-full scrollbar-track-blue-dark"> <div data-menu-level="0" id="root" class="menu main-menu w-70"> <ul class="m-0 flex flex-col space-y-3 lg:space-y-3 lg:relative"> <li> <button data-menu-child="db3b68c0-67d5-4863-a7f7-625dea19ff71" href="" class="menu-root-item block text-2xl leading-11 lg:text-4xl font-header lg:pb-3 w-full text-left ">About</button> </li> <li> <button data-menu-child="cf5be12c-d9c1-4693-8c42-e1fcdab211a2" href="" class="menu-root-item block text-2xl leading-11 lg:text-4xl font-header lg:pb-3 w-full text-left ">Research</button> </li> <li> <button data-menu-child="6023c649-3e80-4fcd-9917-5802a417092e" href="" class="menu-root-item block text-2xl leading-11 lg:text-4xl font-header lg:pb-3 w-full text-left ">Study</button> </li> <li> <a data-menu-child="" href="/innovation" class="menu-root-item block text-2xl leading-11 lg:text-4xl font-header lg:pb-3 w-full text-left ">Innovation</a> </li> <li> <button data-menu-child="8252691e-f800-4ed1-9ff2-2674fbf4c391" href="" class="menu-root-item block text-2xl leading-11 lg:text-4xl font-header lg:pb-3 w-full text-left ">Outreach</button> </li> <li> <button data-menu-child="40edcacb-bfac-4667-82ec-ab46abfad443" href="" class="menu-root-item block text-2xl leading-11 lg:text-4xl font-header lg:pb-3 w-full text-left active">Campus</button> </li> <li> <button data-menu-child="5dde840c-fadc-4777-aebf-fe3b84984858" href="" class="menu-root-item block text-2xl leading-11 lg:text-4xl font-header lg:pb-3 w-full text-left ">Careers</button> </li> </ul> </div> </div> <div class="menu_level_1 hidden lg:block menu_level_0 py-6 pr-8 overflow-auto scrollbar scrollbar-thin scrollbar-thumb-blue-gray scrollbar-rounded-full scrollbar-track-blue-dark"> <div data-menu-level="1" id="db3b68c0-67d5-4863-a7f7-625dea19ff71" class="menu sub-menu"> <ul class="font-bold text-lg lg:flex-col lg:space-y-3 lg:text-xl lg:ml-12 lg:px-2.5"> <li> <a data-menu-child="" href="/about" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">About OIST</a> </li> <li> <a data-menu-child="" href="/about/facts-and-figures" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Facts and Figures</a> </li> <li> <button data-menu-child="1f99cb1d-b07f-472c-9df6-d0d477f0f2e8" class="menu-sub-item flex items-center py-2 lg:py-0 lg:whitespace-nowrap text-left ">President <span class="expand-indicator flex justify-center items-center w-6 h-6 border-2 rounded-full border-white ml-4 "></span></button> </li> <li> <button data-menu-child="c27fa62a-366a-44e1-9eeb-39ba5e751ed5" class="menu-sub-item flex items-center py-2 lg:py-0 lg:whitespace-nowrap text-left ">Leadership and Governance <span class="expand-indicator flex justify-center items-center w-6 h-6 border-2 rounded-full border-white ml-4 "></span></button> </li> <li> <button data-menu-child="3d20caf0-8528-4220-b55e-aae0659a6b45" class="menu-sub-item flex items-center py-2 lg:py-0 lg:whitespace-nowrap text-left ">History <span class="expand-indicator flex justify-center items-center w-6 h-6 border-2 rounded-full border-white ml-4 "></span></button> </li> <li> <button data-menu-child="b01e58a4-c4b0-4759-8b7b-db20f80ba883" class="menu-sub-item flex items-center py-2 lg:py-0 lg:whitespace-nowrap text-left ">News <span class="expand-indicator flex justify-center items-center w-6 h-6 border-2 rounded-full border-white ml-4 "></span></button> </li> <li> <a data-menu-child="" href="/about/photos" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Photo Galleries</a> </li> <li> <a data-menu-child="" href="/oist-publications-reports" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Publications and Reports</a> </li> <li> <button data-menu-child="1c66527c-ee6a-4e43-88a2-5b698b1a381e" class="menu-sub-item flex items-center py-2 lg:py-0 lg:whitespace-nowrap text-left ">Procurement <span class="expand-indicator flex justify-center items-center w-6 h-6 border-2 rounded-full border-white ml-4 "></span></button> </li> <li> <a data-menu-child="" href="https://groups.oist.jp/ja/coo/information-disclosure" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Information Disclosure</a> </li> </ul> </div> <div data-menu-level="1" id="cf5be12c-d9c1-4693-8c42-e1fcdab211a2" class="menu sub-menu"> <ul class="font-bold text-lg lg:flex-col lg:space-y-3 lg:text-xl lg:ml-12 lg:px-2.5"> <li> <a data-menu-child="" href="/research" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Research</a> </li> <li> <a data-menu-child="" href="/research/research-units" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Research Units</a> </li> <li> <a data-menu-child="" href="/research/faculty-members" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Faculty</a> </li> <li> <a data-menu-child="" href="/research/discover" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Research Specialties</a> </li> <li> <a data-menu-child="" href="/research/research-news" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Research News</a> </li> <li> <a data-menu-child="" href="/annual-reports" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Annual Reports</a> </li> <li> <a data-menu-child="" href="/research/videos" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Videos</a> </li> <li> <a data-menu-child="" href="/research/podcast" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Podcast</a> </li> <li> <a data-menu-child="" href="/research/core-facilities" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Core Facilities</a> </li> <li> <a data-menu-child="" href="https://groups.oist.jp/ja/coo/compliance-initiative" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Compliance Initiative</a> </li> <li> <a data-menu-child="" href="/research/safe-responsible-research" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Safe and Responsible Research</a> </li> <li> <a data-menu-child="" href="" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Safe and Responsible Research</a> </li> <li> <a data-menu-child="" href="/conference" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Conferences & Workshops</a> </li> <li> <a data-menu-child="" href="/ocqt" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">OIST Center for Quantum Technologies</a> </li> <li> <a data-menu-child="" href="/research/buribushi" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Buribushi Fellowship</a> </li> <li> <a data-menu-child="" href="/stg" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Science and Technology Group</a> </li> <li> <a data-menu-child="" href="/research/bridge-network" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Bridge Network</a> </li> </ul> </div> <div data-menu-level="1" id="6023c649-3e80-4fcd-9917-5802a417092e" class="menu sub-menu"> <ul class="font-bold text-lg lg:flex-col lg:space-y-3 lg:text-xl lg:ml-12 lg:px-2.5"> <li> <a data-menu-child="" href="/study" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Study</a> </li> <li> <a data-menu-child="" href="/study/phd-research-internship-program" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">PhD and Research Internship Program</a> </li> <li> <a data-menu-child="" href="/study/graduate-school-three-policies" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">The Graduate School Three Policies</a> </li> <li> <a data-menu-child="" href="/study/graduate-school-office" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Graduate School Office</a> </li> <li> <a data-menu-child="" href="/study/student-life" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Student Life</a> </li> <li> <a data-menu-child="" href="/study/library" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Library</a> </li> </ul> </div> <div data-menu-level="1" id="8252691e-f800-4ed1-9ff2-2674fbf4c391" class="menu sub-menu"> <ul class="font-bold text-lg lg:flex-col lg:space-y-3 lg:text-xl lg:ml-12 lg:px-2.5"> <li> <button data-menu-child="8320478f-26b6-48bc-ae2c-1d2d7857a75e" class="menu-sub-item flex items-center py-2 lg:py-0 lg:whitespace-nowrap text-left ">Community and Education Outreach <span class="expand-indicator flex justify-center items-center w-6 h-6 border-2 rounded-full border-white ml-4 "></span></button> </li> <li> <button data-menu-child="8c8e4b19-93a2-4d65-aae9-c8b9fa6af45b" class="menu-sub-item flex items-center py-2 lg:py-0 lg:whitespace-nowrap text-left ">Our contribution to Okinawa <span class="expand-indicator flex justify-center items-center w-6 h-6 border-2 rounded-full border-white ml-4 "></span></button> </li> <li> <a data-menu-child="" href="/sdg" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">SDGs</a> </li> </ul> </div> <div data-menu-level="1" id="40edcacb-bfac-4667-82ec-ab46abfad443" class="menu sub-menu active"> <ul class="font-bold text-lg lg:flex-col lg:space-y-3 lg:text-xl lg:ml-12 lg:px-2.5"> <li> <button data-menu-child="30a78a21-1ca3-4535-975d-09d39b2016c7" class="menu-sub-item flex items-center py-2 lg:py-0 lg:whitespace-nowrap text-left ">Campus <span class="expand-indicator flex justify-center items-center w-6 h-6 border-2 rounded-full border-white ml-4 "></span></button> </li> <li> <a data-menu-child="" href="/campus/access-map" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Access</a> </li> <li> <a data-menu-child="" href="/campus/parking" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Parking</a> </li> <li> <a data-menu-child="" href="/campus/event-venue" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Event Venues</a> </li> <li> <a data-menu-child="" href="/campus/tokyo-office" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Tokyo Office</a> </li> <li> <a data-menu-child="" href="/campus/seaside-house" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap active">Seaside House</a> </li> <li> <a data-menu-child="" href="/campus/marine-science-station" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Marine Science Station</a> </li> </ul> </div> <div data-menu-level="1" id="5dde840c-fadc-4777-aebf-fe3b84984858" class="menu sub-menu"> <ul class="font-bold text-lg lg:flex-col lg:space-y-3 lg:text-xl lg:ml-12 lg:px-2.5"> <li> <a data-menu-child="" href="/careers" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Open Positions</a> </li> <li> <a data-menu-child="" href="/careers/faculty-positions" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Faculty Positions</a> </li> <li> <a data-menu-child="" href="/careers/background-check" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Background Check</a> </li> <li> <a data-menu-child="" href="https://groups.oist.jp/hr-relocation" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">HR Relocation</a> </li> <li> <a data-menu-child="" href="/diversity" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Diversity</a> </li> <li> <a data-menu-child="" href="/c-hub" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Professional Development & Inclusion</a> </li> </ul> </div> </div> <div class="menu_level_2 hidden lg:block menu_level_0 py-6 pr-8 overflow-auto scrollbar scrollbar-thin scrollbar-thumb-blue-gray scrollbar-rounded-full scrollbar-track-blue-dark"> <div data-menu-level="2" id="1f99cb1d-b07f-472c-9df6-d0d477f0f2e8" class="menu sub-menu"> <ul class="font-bold text-lg lg:flex-col lg:space-y-3 lg:text-xl lg:ml-12 lg:px-2.5 lg:left-full"> <li> <a data-menu-child="" href="/about/president" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">President</a> </li> <li> <a data-menu-child="" href="/about/president/media-library" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Presidential Media Library</a> </li> <li> <a data-menu-child="" href="/about/president/lectures" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Presidential Lectures</a> </li> <li> <a data-menu-child="" href="/about/president/office" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Office of the President</a> </li> <li> <a data-menu-child="" href="/about/president/university-management-forum" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">President's Council</a> </li> </ul> </div> <div data-menu-level="2" id="c27fa62a-366a-44e1-9eeb-39ba5e751ed5" class="menu sub-menu"> <ul class="font-bold text-lg lg:flex-col lg:space-y-3 lg:text-xl lg:ml-12 lg:px-2.5 lg:left-full"> <li> <a data-menu-child="" href="/about/leadership-governance" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Leadership and Governance</a> </li> <li> <a data-menu-child="" href="/about/officers-senior-management" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Officers & Senior Management</a> </li> <li> <a data-menu-child="" href="/about/leadership-governance/board-governors" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Board of Governors</a> </li> <li> <a data-menu-child="" href="/about/leadership-governance/board-councilors" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Board of Councilors</a> </li> <li> <a data-menu-child="" href="/about/organigram" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Organigram</a> </li> <li> <a data-menu-child="" href="/about/former-presidents" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Former Presidents</a> </li> <li> <a data-menu-child="" href="/policy-library" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Policies, Rules & Procedures</a> </li> </ul> </div> <div data-menu-level="2" id="3d20caf0-8528-4220-b55e-aae0659a6b45" class="menu sub-menu"> <ul class="font-bold text-lg lg:flex-col lg:space-y-3 lg:text-xl lg:ml-12 lg:px-2.5 lg:left-full"> <li> <a data-menu-child="" href="/about/history" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">History</a> </li> <li> <a data-menu-child="" href="/about/history/oistpc" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">OIST Promotion Corporation</a> </li> <li> <a data-menu-child="" href="/about/history/koji-omi" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Koji Omi</a> </li> </ul> </div> <div data-menu-level="2" id="b01e58a4-c4b0-4759-8b7b-db20f80ba883" class="menu sub-menu"> <ul class="font-bold text-lg lg:flex-col lg:space-y-3 lg:text-xl lg:ml-12 lg:px-2.5 lg:left-full"> <li> <a data-menu-child="" href="/about/news-center" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">News</a> </li> <li> <a data-menu-child="" href="/about/media-coverage" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Media Coverage</a> </li> <li> <a data-menu-child="" href="/social-media" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Social Media</a> </li> </ul> </div> <div data-menu-level="2" id="1c66527c-ee6a-4e43-88a2-5b698b1a381e" class="menu sub-menu"> <ul class="font-bold text-lg lg:flex-col lg:space-y-3 lg:text-xl lg:ml-12 lg:px-2.5 lg:left-full"> <li> <a data-menu-child="" href="/about/procurement" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Procurement</a> </li> <li> <a data-menu-child="" href="/about/procurement/construction" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Tender for Construction</a> </li> <li> <a data-menu-child="" href="/about/procurement/article" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Tender for Goods and Services</a> </li> <li> <a data-menu-child="" href="/about/procurement/procurement-related-regulations" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Procurement Regulations</a> </li> <li> <a data-menu-child="" href="/about/procurement/guidance-business-partners-japan" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Supplier Guidance (Japan)</a> </li> <li> <a data-menu-child="" href="/about/procurement/guidance-international-business-partners" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Supplier Guidance (International)</a> </li> <li> <a data-menu-child="" href="/about/procurement/deliverysales-guidance-oist-campus" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Directions for Delivery & Sales</a> </li> <li> <a data-menu-child="" href="/about/procurement/electronic-procurement-system" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Electronic Procurement System</a> </li> </ul> </div> <div data-menu-level="2" id="8320478f-26b6-48bc-ae2c-1d2d7857a75e" class="menu sub-menu"> <ul class="font-bold text-lg lg:flex-col lg:space-y-3 lg:text-xl lg:ml-12 lg:px-2.5 lg:left-full"> <li> <a data-menu-child="" href="/outreach" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Community and Education Outreach</a> </li> <li> <a data-menu-child="" href="/outreach/update" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Outreach Updates</a> </li> <li> <a data-menu-child="" href="/outreach/elementary-school" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Elementary School</a> </li> <li> <a data-menu-child="" href="/outreach/junior-high-school" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Junior High School</a> </li> <li> <a data-menu-child="" href="/outreach/high-school" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">High School</a> </li> <li> <a data-menu-child="" href="/outreach/university" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">University</a> </li> <li> <a data-menu-child="" href="/outreach/general-public" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">General Public</a> </li> </ul> </div> <div data-menu-level="2" id="8c8e4b19-93a2-4d65-aae9-c8b9fa6af45b" class="menu sub-menu"> <ul class="font-bold text-lg lg:flex-col lg:space-y-3 lg:text-xl lg:ml-12 lg:px-2.5 lg:left-full"> <li> <a data-menu-child="" href="/outreach/contribution" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Our contribution to Okinawa</a> </li> <li> <a data-menu-child="" href="/outreach/community/covid" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">COVID Community Projects</a> </li> <li> <a data-menu-child="" href="/outreach/community/spotlight" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">OISTer Spotlight</a> </li> </ul> </div> <div data-menu-level="2" id="30a78a21-1ca3-4535-975d-09d39b2016c7" class="menu sub-menu"> <ul class="font-bold text-lg lg:flex-col lg:space-y-3 lg:text-xl lg:ml-12 lg:px-2.5 lg:left-full"> <li> <a data-menu-child="" href="/campus" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Campus</a> </li> <li> <a data-menu-child="" href="/clinic" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">OIST Clinic</a> </li> <li> <a data-menu-child="" href="/campus/visitors-center-shops-restaurants" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Shops and Restaurants</a> </li> <li> <a data-menu-child="" href="/campus/child-care-education" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Child Care and Education</a> </li> <li> <a data-menu-child="" href="/campus/housing" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Housing</a> </li> <li> <a data-menu-child="" href="/campus/community-facilities" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Community Facilities</a> </li> <li> <a data-menu-child="" href="/campus/research-facilities" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Research Facilities</a> </li> <li> <a data-menu-child="" href="/campus/ganjuu-wellbeing-service" class="menu-sub-item py-2 lg:py-0 block lg:whitespace-nowrap ">Ganjuu Wellbeing Service</a> </li> </ul> </div> </div> </div> <div class="px-4 sm:px-6 lg:px-8 xl:px-20 py-5 lg:py-6 bg-blue-gray"> <ul class="menu quick-links-menu flex flex-col lg:flex-row space-y-2 lg:space-x-15 lg:space-y-0"> <li class="menu-item"> <a href="https://groups.oist.jp/giving" target="_blank" class="text-lg lg:text-2xl text-gray-100">Giving Back to OIST</a> </li> <li class="menu-item"> <a href="/about/news-center" class="text-lg lg:text-2xl text-gray-100" data-drupal-link-system-path="node/37523">News</a> </li> <li class="menu-item"> <a href="/contact-us" class="text-lg lg:text-2xl text-gray-100" data-drupal-link-system-path="node/1018">Contact Us</a> </li> <li class="menu-item"> <a href="https://tida.oist.jp" target="_blank" class="text-lg lg:text-2xl text-gray-100">OIST Member Login</a> </li> </ul> </div> </nav> <div class="layout-container flex-1 relative"> <header id="site-header" role="banner" class="w-full z-50 bg-blue-primary fixed print:bg-white print:relative print:!top-0"> <div class="hidden lg:block px-20 py-10 font-body h-36 print:block print:px-0 print:py-6"> <div class="flex justify-between items-center"> <div class="flex flex-row gap-x-11"> <div id="main-logo" class="h-0 -translate-y-10 print:-translate-y-6 print:w-24"> <a href="/"> <img src="/themes/custom/server_theme/dist/images/logo.svg" alt="OIST Logo"> </a> </div> <div class="main-logo-text text-white text-xl font-serif flex items-center h-14 print:text-black"> Okinawa Institute of <br> Science and Technology </div> </div> <div class="flex items-center gap-x-3 text-white print:hidden"> <ul class="language-switcher-language-url language-block flex flex-row text-white text-sm"><li hreflang="en" data-drupal-link-system-path="node/987" class="en px-1 whitespace-nowrap is-active" aria-current="page"><a href="/campus/seaside-house" class="language-link is-active" hreflang="en" data-drupal-link-system-path="node/987" aria-current="page">English</a></li> <li class="separator">|</li> <li hreflang="ja" data-drupal-link-system-path="node/987" class="ja px-1 whitespace-nowrap"><a href="/ja/campus/seaside-house" class="language-link" hreflang="ja" data-drupal-link-system-path="node/987">日本語</a></li> </ul> <div class="relative"> <form class="oist-search-form absolute right-0 oist-search-hide overflow-hidden" data-drupal-selector="oist-search-form" action="/campus/seaside-house" method="post" id="oist-search-form" accept-charset="UTF-8"> <div class="oist-search-form-wrapper text-gray-900"> <div class="oist-desktop-search flex bg-white items-center"> <div class="m-0 w-full py-3 pl-4"> <label for="edit-term" class="sr-only">Search the site</label> <input data-drupal-selector="edit-term" type="text" id="edit-term" name="term" value="" size="10" maxlength="128" placeholder="Search the site" class="form-text required" required="required" aria-required="true" /> </div> <div class="pr-4 flex items-center"> <input type="image" class="oist-search-submit" src="/themes/custom/server_theme/dist/images/search-blue-bg.svg" alt="search" /> </div> </div> <div> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions"></div> </div> </div> <input data-drupal-selector="form-uzdi6nnrourck6l6ued8qefij5vz8sdktubww-xsh3s" type="hidden" name="form_build_id" value="form-uzdi6NnROUrcK6L6UEd8qEFIJ5vz8SdKtUBww_XsH3s" /> <input data-drupal-selector="edit-oist-search-form" type="hidden" name="form_id" value="oist_search_form" /> </form> <div class="text-sm"> <button class="header-search-button flex items-center gap-x-4 p-3 border h-12"> <div> <img src="/themes/custom/server_theme/dist/images/search-small.svg" alt="search"> </div> <span id="oist-search">Search</span> </button> </div> </div> <div class="text-sm"> <button name="open_menu" class="menu-open flex items-center gap-x-6 p-3 border h-12"> <img src="/themes/custom/server_theme/dist/images/desktop-hamburger.svg" alt="menu"> <span id="header-menu">Menu</span> </button> </div> </div> </div> </div> <div class="flex flex-col lg:hidden oist-mobile-header print:hidden"> <div class="py-6 px-4 flex justify-between h-20"> <div class="h-0 -translate-y-6"> <a href="/"> <img src="/themes/custom/server_theme/dist/images/logo-small.svg" alt="header-logo-small"> </a> </div> <div class="flex gap-x-8 items-center"> <div class="header-language-button-mobile cursor-pointer"> <img src="/themes/custom/server_theme/dist/images/globe.svg" alt="Select Language"> </div> <div> <div class="header-search-button-mobile cursor-pointer"> <img src="/themes/custom/server_theme/dist/images/search.svg" alt="Search"> </div> </div> <button name="open_menu" class="cursor-pointer menu-open"> <img src="/themes/custom/server_theme/dist/images/hamburger.svg" alt="Open menu"> <span class="sr-only">Menu</span> </button> </div> </div> </div> <div class="flex flex-row justify-end items-center h-20 py-6 pr-[138px] hidden oist-mobile-language print:hidden"> <div> <ul class="language-switcher-language-url language-block flex flex-row text-white text-sm"><li hreflang="en" data-drupal-link-system-path="node/987" class="en px-1 whitespace-nowrap is-active" aria-current="page"><a href="/campus/seaside-house" class="language-link is-active" hreflang="en" data-drupal-link-system-path="node/987" aria-current="page">English</a></li> <li class="separator">|</li> <li hreflang="ja" data-drupal-link-system-path="node/987" class="ja px-1 whitespace-nowrap"><a href="/ja/campus/seaside-house" class="language-link" hreflang="ja" data-drupal-link-system-path="node/987">日本語</a></li> </ul> </div> <div> <img class="ml-8 oist-mobile-language-close" src="/themes/custom/server_theme/dist/images/globe.svg" alt="close language switcher"> </div> </div> <div class="py-6 px-4 hidden oist-mobile-search"> <div class="oist-search-results-attach flex bg-white py-2 px-4 items-center w-full"> <div class="w-full py-1"> <label for="oist-mobile-search-fake-search-key" class="sr-only">Search the site</label> <input id="oist-mobile-search-fake-search-key" class="fake-search-key w-full outline-none shadow-none" placeholder="Search the site"> </div> <div class="flex gap-x-3 items-center"> <div class="oist-mobile-search-submit"> <img src="/themes/custom/server_theme/dist/images/search-blue-bg.svg" alt="search"> </div> <div> <img class="w-6 oist-mobile-search-close" src="/themes/custom/server_theme/dist/images/search-close.svg" alt="close search"> </div> </div> </div> </div> </header> <div class="margin-without-video hidden mb-8 lg:mb-16"></div> <main role="main" class="main-block pt-20 lg:pt-36 print:!p-0"> <a id="main-content" tabindex="-1"></a> <div class="region region-content"> <div id="block-server-theme-breadcrumbs" class="block block-system block-system-breadcrumb-block"> <div class="pb-2 lg:pb-4 breadcrumbs print:hidden"> <p id="system-breadcrumb" class="visually-hidden">Breadcrumb</p> <nav class="pl-29.5 lg:pl-70 pr-4 pt-2 lg:pt-4" role="navigation" aria-labelledby="system-breadcrumb"> <div class="m-0 p-0 flex flex-row text-sm items-center text-gray-900 text-sm lg:text-lg font-body underline-links"> <div class="truncate inline"> <a href="/">Home</a> </div> <div class="px-3 lg:px-6"> <img class="w-2" src="/themes/custom/server_theme/dist/images/arrow-right.svg" alt="arrow right"> </div> <div class="truncate font-body font-bold"> Campus </div> </div> </nav> </div> </div> <div data-drupal-messages-fallback class="hidden"></div> <div id="block-server-theme-content" class="block block-system block-system-main-block"> <article about="/campus/seaside-house" typeof="schema:WebPage" class="node node--type-page node--view-mode-full"> <span property="schema:name" content="Seaside House" class="rdf-meta hidden"></span> <div class="node__content"> <div class="container-wide "> <div class="flex flex-col space-y-2 lg:space-y-4 "> <h1 class="page-title text-center sr-only"> <budoux-ja>Seaside House</budoux-ja> </h1> </div> </div> <div id="paragraph-2550" class="paragraph paragraph--type--hero-image paragraph--view-mode--full"> <div class="hero relative"> <div class="relative z-20 lg:absolute lg:top-28"> <div class="flex flex-col space-y-2 md:space-y-3 lg:text-white lg:bg-blue-primary/65 py-8 md:pt-6 md:pb-10 lg:py-6 px-4 sm:px-6 lg:pl-20 lg:pr-10 w-full lg:max-w-3xl"> <h1 style="overflow-wrap: anywhere" class="text-center lg:text-left break-keep"> <budoux-ja>Seaside House</budoux-ja> </h1> <p class="text-base md:text-lg lg:text-2xl font-body text-center lg:text-left max-w-178 lg:max-w-none mx-auto"> <budoux-ja>Only 3 km from the Main Campus, Seaside House overlooks the East China Sea in Onna Village with a spectacular view of coral reefs and islands.</budoux-ja> </p> </div> </div> <article class="media media--type-image media--view-mode-hero"> <figure class="child-object-cover block w-full bg-gray-300 hero-image"> <picture> <source srcset="/sites/default/files/styles/background_image_xl_1x/public/2022-11/seaside-house-hero.jpg?h=8f74817f&itok=GNq_YAFO 1x, /sites/default/files/styles/background_image_xl_2x/public/2022-11/seaside-house-hero.jpg?h=8f74817f&itok=t35YpuCl 2x" media="all and (min-width: 1536px)" type="image/jpeg" width="1920" height="1080"/> <source srcset="/sites/default/files/styles/background_image_xl_low_1x/public/2022-11/seaside-house-hero.jpg?h=8f74817f&itok=iULQ4qXR 1x, /sites/default/files/styles/background_image_xl_low_2x/public/2022-11/seaside-house-hero.jpg?h=8f74817f&itok=yQLWMcA5 2x" media="all and (min-width: 1280px)" type="image/jpeg" width="1280" height="720"/> <source srcset="/sites/default/files/styles/background_image_lg_1x/public/2022-11/seaside-house-hero.jpg?h=8f74817f&itok=ZiqvegEg 1x, /sites/default/files/styles/background_image_lg_2x/public/2022-11/seaside-house-hero.jpg?h=8f74817f&itok=0XvXlFSw 2x" media="all and (min-width: 1024px)" type="image/jpeg" width="1024" height="576"/> <source srcset="/sites/default/files/styles/background_image_md_1x/public/2022-11/seaside-house-hero.jpg?h=8f74817f&itok=l9wbZgyj 1x, /sites/default/files/styles/background_image_md_2x/public/2022-11/seaside-house-hero.jpg?h=8f74817f&itok=uOyWMLbv 2x" media="all and (min-width: 768px)" type="image/jpeg" width="768" height="432"/> <source srcset="/sites/default/files/styles/background_image_mobile_1x/public/2022-11/seaside-house-hero.jpg?h=8f74817f&itok=mGp89oh4 1x, /sites/default/files/styles/background_image_mobile_2x/public/2022-11/seaside-house-hero.jpg?h=8f74817f&itok=4w_W4lE3 2x" type="image/jpeg" width="390" height="220"/> <img src="/sites/default/files/styles/background_image_xl_low_1x/public/2022-11/seaside-house-hero.jpg?h=8f74817f&itok=iULQ4qXR" width="1280" height="720" alt="seaside house aerial view" loading="lazy" typeof="foaf:Image" /> </picture> </figure> </article> </div> </div> <div id="paragraph-2549" class="paragraph paragraph--type--image-grid paragraph--view-mode--full"> <div class="container-wide "> <div class="py-9 lg:py-15 flex flex-col gap-y-8 lg:gap-y-15"> <div class="grid grid-cols-1 md:grid-cols-2 gap-8 lg:gap-x-20 lg:gap-y-15"> <div> <div id="paragraph-2548" class="paragraph paragraph--type--image-grid-item paragraph--view-mode--full"> <div class="font-body"> <div class="mb-4 lg:mb-9"> <picture> <source srcset="/sites/default/files/styles/image_grid_xl_1x/public/2022-11/seaside-exterior-1950x1298_0.jpg?h=683feeb1&itok=_gnnDI2d 1x, /sites/default/files/styles/image_grid_xl_2x/public/2022-11/seaside-exterior-1950x1298_0.jpg?h=683feeb1&itok=4yTYhGBp 2x" media="all and (min-width: 1280px)" type="image/jpeg" width="600" height="378"/> <source srcset="/sites/default/files/styles/image_grid_lg_1x/public/2022-11/seaside-exterior-1950x1298_0.jpg?h=683feeb1&itok=65fjiPuo 1x, /sites/default/files/styles/image_grid_lg_2x/public/2022-11/seaside-exterior-1950x1298_0.jpg?h=683feeb1&itok=_Gyw3zyY 2x" media="all and (min-width: 1024px)" type="image/jpeg" width="578" height="364"/> <source srcset="/sites/default/files/styles/image_grid_md_1x/public/2022-11/seaside-exterior-1950x1298_0.jpg?h=683feeb1&itok=VSy8Wonk 1x, /sites/default/files/styles/image_grid_md_2x/public/2022-11/seaside-exterior-1950x1298_0.jpg?h=683feeb1&itok=3If2FY48 2x" media="all and (min-width: 768px)" type="image/jpeg" width="472" height="297"/> <source srcset="/sites/default/files/styles/image_grid_sm_1x/public/2022-11/seaside-exterior-1950x1298_0.jpg?h=683feeb1&itok=XMeddCtm 1x, /sites/default/files/styles/image_grid_sm_2x/public/2022-11/seaside-exterior-1950x1298_0.jpg?h=683feeb1&itok=FjXB2gBG 2x" media="all and (min-width: 640px)" type="image/jpeg" width="719" height="453"/> <source srcset="/sites/default/files/styles/image_grid_mobile_1x/public/2022-11/seaside-exterior-1950x1298_0.jpg?h=683feeb1&itok=KYHSSgrC 1x, /sites/default/files/styles/image_grid_mobile_2x/public/2022-11/seaside-exterior-1950x1298_0.jpg?h=683feeb1&itok=PSTqXINL 2x" type="image/jpeg" width="607" height="382"/> <img src="/sites/default/files/styles/image_grid_mobile_1x/public/2022-11/seaside-exterior-1950x1298_0.jpg?h=683feeb1&itok=KYHSSgrC" width="607" height="382" alt="Seaside House exterior view" loading="lazy" typeof="foaf:Image" /> </picture> </div> <div class="text-gray-900 text-lg md:text-xl lg:text-2xl font-bold mb-4"> <budoux-ja>Seaside House</budoux-ja> </div> <div class="styled-body text-gray-700 text-sm lg:text-lg"> <div> <div class="clearfix text-formatted field field--name-field-body-text field--type-text-long field--label-hidden field__item"><div class="tex2jax_process"><p>The multi-functional building hosts two <a data-entity-substitution="canonical" data-entity-type="node" data-entity-uuid="47ace44c-4d4e-4e35-8e06-dabd7da621cc" href="/events/featured-events/2011/4/22/oist-staff-clean-seaside-house-beach-earth-day" title="OIST staff clean up Seaside House beach on Earth Day">research</a> laboratories, and serves as a venue for international workshops and seminars.</p></div></div> </div> </div> </div> </div> </div> <div> <div id="paragraph-2547" class="paragraph paragraph--type--image-grid-item paragraph--view-mode--full"> <div class="font-body"> <div class="mb-4 lg:mb-9"> <picture> <source srcset="/sites/default/files/styles/image_grid_xl_1x/public/2022-11/seaside-oceab-view-1950x1298.jpg?h=790be497&itok=rxNHLjML 1x, /sites/default/files/styles/image_grid_xl_2x/public/2022-11/seaside-oceab-view-1950x1298.jpg?h=790be497&itok=5qRu9zNW 2x" media="all and (min-width: 1280px)" type="image/jpeg" width="600" height="378"/> <source srcset="/sites/default/files/styles/image_grid_lg_1x/public/2022-11/seaside-oceab-view-1950x1298.jpg?h=790be497&itok=FC6_hRfL 1x, /sites/default/files/styles/image_grid_lg_2x/public/2022-11/seaside-oceab-view-1950x1298.jpg?h=790be497&itok=yuA7DxoO 2x" media="all and (min-width: 1024px)" type="image/jpeg" width="578" height="364"/> <source srcset="/sites/default/files/styles/image_grid_md_1x/public/2022-11/seaside-oceab-view-1950x1298.jpg?h=790be497&itok=G6Ydtwde 1x, /sites/default/files/styles/image_grid_md_2x/public/2022-11/seaside-oceab-view-1950x1298.jpg?h=790be497&itok=vDadMzCB 2x" media="all and (min-width: 768px)" type="image/jpeg" width="472" height="297"/> <source srcset="/sites/default/files/styles/image_grid_sm_1x/public/2022-11/seaside-oceab-view-1950x1298.jpg?h=790be497&itok=xhoQ77sQ 1x, /sites/default/files/styles/image_grid_sm_2x/public/2022-11/seaside-oceab-view-1950x1298.jpg?h=790be497&itok=TUY6U-PP 2x" media="all and (min-width: 640px)" type="image/jpeg" width="719" height="453"/> <source srcset="/sites/default/files/styles/image_grid_mobile_1x/public/2022-11/seaside-oceab-view-1950x1298.jpg?h=790be497&itok=S42DY-KT 1x, /sites/default/files/styles/image_grid_mobile_2x/public/2022-11/seaside-oceab-view-1950x1298.jpg?h=790be497&itok=S1iZeJP5 2x" type="image/jpeg" width="607" height="382"/> <img src="/sites/default/files/styles/image_grid_mobile_1x/public/2022-11/seaside-oceab-view-1950x1298.jpg?h=790be497&itok=S42DY-KT" width="607" height="382" alt="seaside house ocean view" loading="lazy" typeof="foaf:Image" /> </picture> </div> <div class="text-gray-900 text-lg md:text-xl lg:text-2xl font-bold mb-4"> <budoux-ja>Ocean view</budoux-ja> </div> <div class="styled-body text-gray-700 text-sm lg:text-lg"> <div> <div class="clearfix text-formatted field field--name-field-body-text field--type-text-long field--label-hidden field__item"><div class="tex2jax_process"><p>Only 3 km from the Main Campus, Seaside House overlooks the East China Sea in Onna Village with a spectacular view of coral reefs and islands.</p></div></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="paragraph-2554" class="paragraph paragraph--type--image-grid paragraph--view-mode--full"> <div class="container-wide "> <div class="py-9 lg:py-15 flex flex-col gap-y-8 lg:gap-y-15"> <div class="grid grid-cols-1 md:grid-cols-2 gap-8 lg:gap-x-20 lg:gap-y-15"> <div> <div id="paragraph-2551" class="paragraph paragraph--type--image-grid-item paragraph--view-mode--full"> <div class="font-body"> <div class="mb-4 lg:mb-9"> <picture> <source srcset="/sites/default/files/styles/image_grid_xl_1x/public/img/photos/SeasideHouse.jpg?h=10d202d3&itok=jKKHKZ4x 1x, /sites/default/files/styles/image_grid_xl_2x/public/img/photos/SeasideHouse.jpg?h=10d202d3&itok=aRBghc4r 2x" media="all and (min-width: 1280px)" type="image/jpeg" width="600" height="378"/> <source srcset="/sites/default/files/styles/image_grid_lg_1x/public/img/photos/SeasideHouse.jpg?h=10d202d3&itok=sb7M0Qmq 1x, /sites/default/files/styles/image_grid_lg_2x/public/img/photos/SeasideHouse.jpg?h=10d202d3&itok=UcO2lp5s 2x" media="all and (min-width: 1024px)" type="image/jpeg" width="578" height="364"/> <source srcset="/sites/default/files/styles/image_grid_md_1x/public/img/photos/SeasideHouse.jpg?h=10d202d3&itok=frE66O3x 1x, /sites/default/files/styles/image_grid_md_2x/public/img/photos/SeasideHouse.jpg?h=10d202d3&itok=zUYA5NwQ 2x" media="all and (min-width: 768px)" type="image/jpeg" width="472" height="297"/> <source srcset="/sites/default/files/styles/image_grid_sm_1x/public/img/photos/SeasideHouse.jpg?h=10d202d3&itok=BLHcg-U_ 1x, /sites/default/files/styles/image_grid_sm_2x/public/img/photos/SeasideHouse.jpg?h=10d202d3&itok=g7YaWc-O 2x" media="all and (min-width: 640px)" type="image/jpeg" width="719" height="453"/> <source srcset="/sites/default/files/styles/image_grid_mobile_1x/public/img/photos/SeasideHouse.jpg?h=10d202d3&itok=7c_-Uy8D 1x, /sites/default/files/styles/image_grid_mobile_2x/public/img/photos/SeasideHouse.jpg?h=10d202d3&itok=Gk2enweo 2x" type="image/jpeg" width="607" height="382"/> <img src="/sites/default/files/styles/image_grid_mobile_1x/public/img/photos/SeasideHouse.jpg?h=10d202d3&itok=7c_-Uy8D" width="607" height="382" alt="" loading="lazy" typeof="foaf:Image" /> </picture> </div> <div class="text-gray-900 text-lg md:text-xl lg:text-2xl font-bold mb-4"> <budoux-ja>Seminar Room</budoux-ja> </div> <div class="styled-body text-gray-700 text-sm lg:text-lg"> <div> <div class="clearfix text-formatted field field--name-field-body-text field--type-text-long field--label-hidden field__item"><div class="tex2jax_process"><p>Seminar Room is a multi-purpose conference hall used for workshops, seminars, courses and large meetings. The room is equipped with network access and can seat 65 people.</p></div></div> </div> </div> </div> </div> </div> <div> <div id="paragraph-2552" class="paragraph paragraph--type--image-grid-item paragraph--view-mode--full"> <div class="font-body"> <div class="mb-4 lg:mb-9"> <picture> <source srcset="/sites/default/files/styles/image_grid_xl_1x/public/2022-11/seaside-chura-hall.jpg?h=dbfb23f9&itok=lQ4r9M_Y 1x, /sites/default/files/styles/image_grid_xl_2x/public/2022-11/seaside-chura-hall.jpg?h=dbfb23f9&itok=Qlf0QuBU 2x" media="all and (min-width: 1280px)" type="image/jpeg" width="600" height="378"/> <source srcset="/sites/default/files/styles/image_grid_lg_1x/public/2022-11/seaside-chura-hall.jpg?h=dbfb23f9&itok=q7KYmfP5 1x, /sites/default/files/styles/image_grid_lg_2x/public/2022-11/seaside-chura-hall.jpg?h=dbfb23f9&itok=Uh_unozo 2x" media="all and (min-width: 1024px)" type="image/jpeg" width="578" height="364"/> <source srcset="/sites/default/files/styles/image_grid_md_1x/public/2022-11/seaside-chura-hall.jpg?h=dbfb23f9&itok=mUuXQSsR 1x, /sites/default/files/styles/image_grid_md_2x/public/2022-11/seaside-chura-hall.jpg?h=dbfb23f9&itok=Kx5sFmKR 2x" media="all and (min-width: 768px)" type="image/jpeg" width="472" height="297"/> <source srcset="/sites/default/files/styles/image_grid_sm_1x/public/2022-11/seaside-chura-hall.jpg?h=dbfb23f9&itok=iKp6eqSQ 1x, /sites/default/files/styles/image_grid_sm_2x/public/2022-11/seaside-chura-hall.jpg?h=dbfb23f9&itok=jG9wY2c7 2x" media="all and (min-width: 640px)" type="image/jpeg" width="719" height="453"/> <source srcset="/sites/default/files/styles/image_grid_mobile_1x/public/2022-11/seaside-chura-hall.jpg?h=dbfb23f9&itok=m-2y78xX 1x, /sites/default/files/styles/image_grid_mobile_2x/public/2022-11/seaside-chura-hall.jpg?h=dbfb23f9&itok=L5wVPPXv 2x" type="image/jpeg" width="607" height="382"/> <img src="/sites/default/files/styles/image_grid_mobile_1x/public/2022-11/seaside-chura-hall.jpg?h=dbfb23f9&itok=m-2y78xX" width="607" height="382" alt="seaside chura hall" loading="lazy" typeof="foaf:Image" /> </picture> </div> <div class="text-gray-900 text-lg md:text-xl lg:text-2xl font-bold mb-4"> <budoux-ja>Chura Hall</budoux-ja> </div> <div class="styled-body text-gray-700 text-sm lg:text-lg"> <div> <div class="clearfix text-formatted field field--name-field-body-text field--type-text-long field--label-hidden field__item"><div class="tex2jax_process"><p>Chura Hall is a multi-purpose space for meetings, and a dining space for participants of workshops, seminars, courses, etc.</p></div></div> </div> </div> </div> </div> </div> <div> <div id="paragraph-2553" class="paragraph paragraph--type--image-grid-item paragraph--view-mode--full"> <div class="font-body"> <div class="mb-4 lg:mb-9"> <picture> <source srcset="/sites/default/files/styles/image_grid_xl_1x/public/2022-11/seaside-meeting-room.jpg?h=683feeb1&itok=1WZ3Az-T 1x, /sites/default/files/styles/image_grid_xl_2x/public/2022-11/seaside-meeting-room.jpg?h=683feeb1&itok=bbsIC04z 2x" media="all and (min-width: 1280px)" type="image/jpeg" width="600" height="378"/> <source srcset="/sites/default/files/styles/image_grid_lg_1x/public/2022-11/seaside-meeting-room.jpg?h=683feeb1&itok=6YeQiiRH 1x, /sites/default/files/styles/image_grid_lg_2x/public/2022-11/seaside-meeting-room.jpg?h=683feeb1&itok=Oih7eJ3E 2x" media="all and (min-width: 1024px)" type="image/jpeg" width="578" height="364"/> <source srcset="/sites/default/files/styles/image_grid_md_1x/public/2022-11/seaside-meeting-room.jpg?h=683feeb1&itok=pxKF5Y6U 1x, /sites/default/files/styles/image_grid_md_2x/public/2022-11/seaside-meeting-room.jpg?h=683feeb1&itok=MhVNzFzv 2x" media="all and (min-width: 768px)" type="image/jpeg" width="472" height="297"/> <source srcset="/sites/default/files/styles/image_grid_sm_1x/public/2022-11/seaside-meeting-room.jpg?h=683feeb1&itok=5CWmqOSK 1x, /sites/default/files/styles/image_grid_sm_2x/public/2022-11/seaside-meeting-room.jpg?h=683feeb1&itok=_z9XP1O2 2x" media="all and (min-width: 640px)" type="image/jpeg" width="719" height="453"/> <source srcset="/sites/default/files/styles/image_grid_mobile_1x/public/2022-11/seaside-meeting-room.jpg?h=683feeb1&itok=bjhMB2r3 1x, /sites/default/files/styles/image_grid_mobile_2x/public/2022-11/seaside-meeting-room.jpg?h=683feeb1&itok=blbpQVUv 2x" type="image/jpeg" width="607" height="382"/> <img src="/sites/default/files/styles/image_grid_mobile_1x/public/2022-11/seaside-meeting-room.jpg?h=683feeb1&itok=bjhMB2r3" width="607" height="382" alt="meeting room" loading="lazy" typeof="foaf:Image" /> </picture> </div> <div class="text-gray-900 text-lg md:text-xl lg:text-2xl font-bold mb-4"> <budoux-ja>Meeting Rooms</budoux-ja> </div> <div class="styled-body text-gray-700 text-sm lg:text-lg"> <div> <div class="clearfix text-formatted field field--name-field-body-text field--type-text-long field--label-hidden field__item"><div class="tex2jax_process"><p>There are 2 meeting rooms, each with a capacity for 12. The glass walls not only are beautiful but also function as a whiteboard.</p></div></div> </div> </div> </div> </div> </div> <div> <div id="paragraph-2555" class="paragraph paragraph--type--image-grid-item paragraph--view-mode--full"> <div class="font-body"> <div class="mb-4 lg:mb-9"> <picture> <source srcset="/sites/default/files/styles/image_grid_xl_1x/public/2022-11/seaside-room.jpg?h=683feeb1&itok=-LI8lkgt 1x, /sites/default/files/styles/image_grid_xl_2x/public/2022-11/seaside-room.jpg?h=683feeb1&itok=1LeJ_sn9 2x" media="all and (min-width: 1280px)" type="image/jpeg" width="600" height="378"/> <source srcset="/sites/default/files/styles/image_grid_lg_1x/public/2022-11/seaside-room.jpg?h=683feeb1&itok=AoMAkUoW 1x, /sites/default/files/styles/image_grid_lg_2x/public/2022-11/seaside-room.jpg?h=683feeb1&itok=xJhAFQAf 2x" media="all and (min-width: 1024px)" type="image/jpeg" width="578" height="364"/> <source srcset="/sites/default/files/styles/image_grid_md_1x/public/2022-11/seaside-room.jpg?h=683feeb1&itok=sIk4bjSf 1x, /sites/default/files/styles/image_grid_md_2x/public/2022-11/seaside-room.jpg?h=683feeb1&itok=Vww91ztl 2x" media="all and (min-width: 768px)" type="image/jpeg" width="472" height="297"/> <source srcset="/sites/default/files/styles/image_grid_sm_1x/public/2022-11/seaside-room.jpg?h=683feeb1&itok=6QJyLq1w 1x, /sites/default/files/styles/image_grid_sm_2x/public/2022-11/seaside-room.jpg?h=683feeb1&itok=ulJb8xcP 2x" media="all and (min-width: 640px)" type="image/jpeg" width="719" height="453"/> <source srcset="/sites/default/files/styles/image_grid_mobile_1x/public/2022-11/seaside-room.jpg?h=683feeb1&itok=_f2ROonw 1x, /sites/default/files/styles/image_grid_mobile_2x/public/2022-11/seaside-room.jpg?h=683feeb1&itok=QMFACJjx 2x" type="image/jpeg" width="607" height="382"/> <img src="/sites/default/files/styles/image_grid_mobile_1x/public/2022-11/seaside-room.jpg?h=683feeb1&itok=_f2ROonw" width="607" height="382" alt="bedroom " loading="lazy" typeof="foaf:Image" /> </picture> </div> <div class="text-gray-900 text-lg md:text-xl lg:text-2xl font-bold mb-4"> <budoux-ja>Guest Rooms</budoux-ja> </div> <div class="styled-body text-gray-700 text-sm lg:text-lg"> <div> <div class="clearfix text-formatted field field--name-field-body-text field--type-text-long field--label-hidden field__item"><div class="tex2jax_process"><p>There are 22 (as of April 2013) twin guest rooms located on the second and third floors of Seaside House. The guest rooms are used as accommodation for participants of workshops and courses. All guest rooms provide access to the Internet.<br> *For participants in OIST-hosted events.</p> <p>Secure LAN and WiFi / Shower, Restrooms / Air Conditioned / Building Phones</p></div></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="paragraph-2582" class="paragraph paragraph--type--single-cta paragraph--view-mode--full"> <div class="cta py-8 lg:py-10 bg-blue-light-primary text-white"> <div class="container-wide text-center flex flex-col items-center"> <h1 class="font-header sm:max-w-lg lg:max-w-3xl"> <budoux-ja>Events at Seaside House</budoux-ja> </h1> <h3 class="sm:max-w-lg lg:max-w-3xl mt-4 lg:text-lg lg:leading-8"> <budoux-ja>If you are considering using Seaside House for an event, please click below</budoux-ja> </h3> <div class="mt-8 lg:mt-10 w-full"> <div class="flex flex-row items-center justify-center"> <a class="inline-block w-auto border rounded-full px-6 py-2 text-base lg:text-lg leading-7 lg:leading-8 text-center uppercase transition duration-200 !no-underline bg-white text-gray-900 border-white hover:text-red-primary group-hover:text-red-primary" href="https://groups.oist.jp/conference-venues/seaside-house" target="_blank">more information</a> </div> </div> </div> </div> </div> </div> </article> </div> </div> </main> </div> <footer id="site-footer" role="contentinfo" class="bg-blue-primary text-white font-body print:bg-white"> <div class="container-wide print:hidden"> <div class="flex flex-col sm:items-center md:items-start md:flex-row justify-center lg:justify-between pt-8 lg:pt-10 md:gap-x-12"> <div class="grid grid-cols-2 gap-x-20 lg:gap-x-10 xl:gap-x-20 gap-y-3 lg:gap-y-4 pt-0 lg:pt-4.5"> <a href="https://groups.oist.jp/giving" class="text-sm lg:text-lg hover:underline w-32 lg:w-full xl:w-77.5">Giving to OIST</a> <a href="/prp" class="text-sm lg:text-lg hover:underline w-32 lg:w-full xl:w-77.5">Policy Library</a> <a href="https://groups.oist.jp/coo/information-disclosure" class="text-sm lg:text-lg hover:underline w-32 lg:w-full xl:w-77.5">Information Disclosure</a> <a href="https://groups.oist.jp/auditors" class="text-sm lg:text-lg hover:underline w-32 lg:w-full xl:w-77.5">Audits</a> <a href="/social-media" class="text-sm lg:text-lg hover:underline w-32 lg:w-full xl:w-77.5">Social Media</a> <a href="/campus/access-map" class="text-sm lg:text-lg hover:underline w-32 lg:w-full xl:w-77.5">Access</a> </div> <div class="grid grid-cols-2 gap-x-20 lg:gap-x-10 xl:gap-x-20 gap-y-3 lg:gap-y-4 pt-6 md:pt-0 lg:pt-4.5"> <a href="https://www.linkedin.com/school/okinawa-institute-of-science-and-technology" target="_blank" class="text-sm lg:text-lg flex gap-x-3 items-center w-32 lg:w-full xl:w-50 hover:underline"> <div> <img class="w-6 h-6" src="/themes/custom/server_theme/dist/images/linkedin.svg" alt="Linkedin icon"> </div> <span>Linkedin</span> </a> <a href="https://www.flickr.com/photos/oistedu" target="_blank" class="text-sm lg:text-lg flex gap-x-3 items-center w-32 lg:w-full xl:w-50 hover:underline"> <div> <img class="w-6 h-6" src="/themes/custom/server_theme/dist/images/flickr.svg" alt="Flickr icon"> </div> <span>Flickr</span> </a> <a href="https://www.facebook.com/oistedu" target="_blank" class="text-sm lg:text-lg flex gap-x-3 items-center w-32 lg:w-full xl:w-50 hover:underline"> <div> <img class="w-6 h-6" src="/themes/custom/server_theme/dist/images/facebook.svg" alt="Facebook icon"> </div> <span>Facebook</span> </a> <a href="https://www.youtube.com/oistedu" target="_blank" class="text-sm lg:text-lg flex gap-x-3 items-center w-32 lg:w-full xl:w-50 hover:underline"> <div> <img class="w-6 h-6" src="/themes/custom/server_theme/dist/images/youtube.svg" alt="YouTube icon"> </div> <span>YouTube</span> </a> <a href="https://www.instagram.com/oistedu" target="_blank" class="text-sm lg:text-lg flex gap-x-3 items-center w-32 lg:w-full xl:w-50 hover:underline"> <div> <img class="w-6 h-6" src="/themes/custom/server_theme/dist/images/instagram.svg" alt="Instagram icon"> </div> <span>Instagram</span> </a> <a href="https://vimeo.com/oistedu" target="_blank" class="text-sm lg:text-lg flex gap-x-3 items-center w-32 lg:w-full xl:w-50 hover:underline"> <div> <img class="w-6 h-6" src="/themes/custom/server_theme/dist/images/vimeo.svg" alt="Vimeo icon"> </div> <span>Vimeo</span> </a> <a href="https://twitter.com/oistedu" target="_blank" class="text-sm lg:text-lg flex gap-x-3 items-center w-32 lg:w-full xl:w-50 hover:underline"> <div> <img class="w-6 h-6" src="/themes/custom/server_theme/dist/images/x.svg" alt="X (Twitter) icon"> </div> <span>X (Twitter)</span> </a> <a href="/news-center.xml" target="_blank" class="text-sm lg:text-lg flex gap-x-3 items-center w-32 lg:w-full xl:w-50 hover:underline"> <div> <img class="w-6 h-6" src="/themes/custom/server_theme/dist/images/rss.svg" alt="RSS Feed icon"> </div> <span>RSS Feed</span> </a> <a href="https://page.line.me/?accountId=679drjox" target="_blank" class="text-sm lg:text-lg flex gap-x-3 items-center w-32 lg:w-full xl:w-50 hover:underline"> <div> <img class="w-6 h-6" src="/themes/custom/server_theme/dist/images/line.svg" alt="LINE icon"> </div> <span>LINE</span> </a> </div> </div> <div class="py-6 lg:py-10"> <div class="flex justify-center"> <hr class="border-gray-primary max-w-47 md:max-w-148 w-full"> </div> </div> <div class="text-center lg:text-left items-center lg:items-start flex flex-col flex-col-reverse lg:flex-row justify-between gap-x-6 lg:gap-x-44"> <div class="flex flex-col items-center lg:items-start lg:flex-row gap-x-4 xl:gap-x-10"> <div class=" lg:-translate-y-5 pb-2.5 lg:pb-0"> <img class="w-32 lg:w-60" src="/themes/custom/server_theme/dist/images/logo-footer.svg" alt="header-logo"> </div> <div class="flex flex-col"> <span class="lg:max-w-xs text-xs lg:text-sm pb-2.5 lg:pb-3"> Okinawa Institute of Science and Technology<br> 1919-1 Tancha, Onna-son, Kunigami-gun<br> Okinawa, Japan 904-0495<br> </span> <a href="/contact-us" class="font-bold font-body pb-6 lg:pb-0 text-sm uppercase cursor-pointer hover:underline">Contact us</a> </div> </div> <div class="flex flex-col pb-6 lg:pb-10"> <span class="leading-8 text-lg pb-2 font-bold font-body">Subscribe to the OIST Mailing List</span> <span class="text-xs lg:text-sm max-w-80 max-w-lg">The OIST graduate education and research program is cross-disciplinary and aims to be at the leading edge of research in science and technology.</span> <div class="mt-4.5 lg:mt-6 flex justify-center lg:justify-start"> <div class="flex flex-row items-center justify-center md:justify-start"> <a class="inline-block w-auto border rounded-full px-6 py-2 text-base lg:text-lg leading-7 lg:leading-8 text-center uppercase transition duration-200 !no-underline bg-transparent border-white text-white hover:bg-white hover:text-red-primary group-hover:bg-white group-hover:text-red-primary" href="/subscription" target="">Subscribe</a> </div> </div> </div> </div> </div> <div class="lg:hidden"> <div class="flex justify-center"> <hr class="border-gray-primary max-w-47 md:max-w-148 w-full"> </div> </div> <div class="border-0 lg:border-t border-gray-primary"> <div class="container-wide pb-8 pt-6 flex flex-col flex-col-reverse lg:flex-row justify-between print:block print:text-center"> <span class="text-gray-300 lg:text-white text-sm text-center lg:text-left print:text-center print:!text-black">Copyright © 2011-2024 Okinawa Institute of Science and Technology Graduate University</span> <div class="pb-4.5 lg:pb-0 text-sm lg:text-sm items-center justify-center flex gap-x-10 print:hidden"> <a class="hover:underline" href="https://tida.oist.jp/">OIST Member Login</a> <a class="hover:underline" href="https://groups.oist.jp/coo/privacy-policy">Privacy Policy</a> </div> </div> </div> </footer> </div> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/987","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"mathjax":{"config_type":0,"config":{"tex2jax":{"inlineMath":[["$","$"],["\$","\$"]],"processEscapes":"true"},"showProcessingMessages":"false","messageStyle":"none"}},"ajaxTrustedUrl":{"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM":true},"searchBaseUrl":"https:\/\/search.oist.jp\/search\/","language":"en","user":{"uid":0,"permissionsHash":"6a6154e893d6943692d51718b642d61959c06eabce198b45a05cc6d6b2f678b6"}}</script> <script src="/modules/contrib/jquery_once/lib/jquery_3.7.1_jquery.min.js?v=3.7.1"></script> <script src="/modules/contrib/jquery_once/lib/jquery-once-2.2.3/jquery.once.min.js?v=2.2.3"></script> <script src="/core/misc/drupalSettingsLoader.js?v=10.3.9"></script> <script src="/core/misc/drupal.js?v=10.3.9"></script> <script src="/core/misc/drupal.init.js?v=10.3.9"></script> <script src="/themes/custom/server_theme/dist/js/scripts.js?sndt5e"></script> <script src="/modules/contrib/obfuscate_email/js/obfuscate_email.js?sndt5e"></script> <script src="/modules/contrib/mathjax/js/config.js?v=10.3.9"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script> <script src="/modules/contrib/mathjax/js/setup.js?v=10.3.9"></script> <script src="/modules/custom/oist_elastic_search/js/autocomplete.js?sndt5e"></script> <script src="/libraries/budoux/bundle/budoux-ja.min.js?v=0.4.1"></script> </body> </html>

CINXE.COM

Seaside House | Okinawa Institute of Science and Technology OIST