CINXE.COM
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> <!-- Google tag (gtag.js) --> <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/" /> <link rel="shortlink" href="https://www.oist.jp/" /> <meta property="og:site_name" content="Okinawa Institute of Science and Technology OIST" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://www.oist.jp/" /> <meta property="og:title" content="Okinawa Institute of Science and Technology OIST" /> <meta property="og:image" content="https://www.oist.jp/themes/custom/server_theme/dist/images/oist-campus-aerial-2019.jpg" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Okinawa Institute of Science and Technology OIST" /> <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/" /> <link rel="alternate" hreflang="ja" href="https://www.oist.jp/ja" /> <link rel="canonical" href="https://www.oist.jp/home" /> <link rel="shortlink" href="https://www.oist.jp/node/37548" /> <title>Okinawa Institute of Science and Technology OIST</title> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_zBlwG1uaym0VkHwRzC8K9nrIWaqj5QEwIitmMdpclRI.css?delta=0&language=en&theme=server_theme&include=eJxdjlEKAjEQQy_UtUeS6W5ai9MZaQZhPb34oVD_QvIIjycDIxch0q5CnkseIKWBafeJbD6HaH8hEfOJeY0bBnJTL6Ib49Rubd38AaMY13Z68fA0cHTJjlFwXOrnPAJzRal9v391atefmvnx51HdghvsDX6oUsc" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_nAEFNMsX-bwkLu-gt-qZscg2ZNoBdhdm3faydfGH_jA.css?delta=1&language=en&theme=server_theme&include=eJxdjlEKAjEQQy_UtUeS6W5ai9MZaQZhPb34oVD_QvIIjycDIxch0q5CnkseIKWBafeJbD6HaH8hEfOJeY0bBnJTL6Ib49Rubd38AaMY13Z68fA0cHTJjlFwXOrnPAJzRal9v391atefmvnx51HdghvsDX6oUsc" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_ppO1t0XFuJWWlzpOepazSU6b4pR5ctjCom8DCnf0i4I.css?delta=2&language=en&theme=server_theme&include=eJxdjlEKAjEQQy_UtUeS6W5ai9MZaQZhPb34oVD_QvIIjycDIxch0q5CnkseIKWBafeJbD6HaH8hEfOJeY0bBnJTL6Ib49Rubd38AaMY13Z68fA0cHTJjlFwXOrnPAJzRal9v391atefmvnx51HdghvsDX6oUsc" /> <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_Y6EMoO0vMMpF4iZzGlU076xq7ymn8BkUn-ftP0RenoU.css?delta=5&language=en&theme=server_theme&include=eJxdjlEKAjEQQy_UtUeS6W5ai9MZaQZhPb34oVD_QvIIjycDIxch0q5CnkseIKWBafeJbD6HaH8hEfOJeY0bBnJTL6Ib49Rubd38AaMY13Z68fA0cHTJjlFwXOrnPAJzRal9v391atefmvnx51HdghvsDX6oUsc" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_zNgdztjdeT7ARX5P0G-DYS_bXjNjK6Y-n4OPwrOOa2s.css?delta=6&language=en&theme=server_theme&include=eJxdjlEKAjEQQy_UtUeS6W5ai9MZaQZhPb34oVD_QvIIjycDIxch0q5CnkseIKWBafeJbD6HaH8hEfOJeY0bBnJTL6Ib49Rubd38AaMY13Z68fA0cHTJjlFwXOrnPAJzRal9v391atefmvnx51HdghvsDX6oUsc" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_DWZshM0BT23ELiqzLKEoZx8suJuLmB_2xdHup-r46ko.css?delta=7&language=en&theme=server_theme&include=eJxdjlEKAjEQQy_UtUeS6W5ai9MZaQZhPb34oVD_QvIIjycDIxch0q5CnkseIKWBafeJbD6HaH8hEfOJeY0bBnJTL6Ib49Rubd38AaMY13Z68fA0cHTJjlFwXOrnPAJzRal9v391atefmvnx51HdghvsDX6oUsc" /> <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-frontpage page-node-type-landing-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 ">Campus</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 ">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 ">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 ">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"> <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 ">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="<front>" class="en px-1 whitespace-nowrap is-active" aria-current="page"><a href="/" class="language-link is-active" hreflang="en" data-drupal-link-system-path="<front>" aria-current="page">English</a></li> <li class="separator">|</li> <li hreflang="ja" data-drupal-link-system-path="<front>" class="ja px-1 whitespace-nowrap"><a href="/ja" class="language-link" hreflang="ja" data-drupal-link-system-path="<front>">日本語</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="/" 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-fmdyuczlgcmbly-vaaqhxiahueefujip68ubq8xi68" type="hidden" name="form_build_id" value="form-fMdYUczlgcMBLY_-VaaqhxIAhuEEfUJiP68ubQ8Xi68" /> <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="<front>" class="en px-1 whitespace-nowrap is-active" aria-current="page"><a href="/" class="language-link is-active" hreflang="en" data-drupal-link-system-path="<front>" aria-current="page">English</a></li> <li class="separator">|</li> <li hreflang="ja" data-drupal-link-system-path="<front>" class="ja px-1 whitespace-nowrap"><a href="/ja" class="language-link" hreflang="ja" data-drupal-link-system-path="<front>">日本語</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 data-drupal-messages-fallback class="hidden"></div> <div id="block-server-theme-content" class="block block-system block-system-main-block"> <article about="/home" class="node node--type-landing-page node--promoted node--view-mode-full"> <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>Home</budoux-ja> </h1> </div> </div> <div id="paragraph-1006" class="paragraph paragraph--type--hero-video 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"> <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>OIST is a pioneering graduate university. We conduct research that bridges disciplines to explore new frontiers of scientific knowledge. We educate a new generation of scientific leaders. We are a catalyst for an innovation hub in Okinawa.</budoux-ja> </p> </div> </div> <article class="media media--type-video-local media--view-mode-hero"> <div class="pb-8"> <div class="video-hero-wrapper js-video-hero transition ease-in duration-700 bg-gray-300"> <div class="cursor-pointer w-10 h-10 play play-pause-button absolute z-10 bottom-7 md:bottom-14 right-10 md:right-20"> <img class="md:w-full md:h-full hidden" src="/themes/custom/server_theme/dist/images/play.svg" alt="play"> <img class="md:w-full md:h-full" src="/themes/custom/server_theme/dist/images/pause.svg" alt="pause"> </div> <div class="hidden lg:block z-10 pointer-events-none absolute left-1/2 -translate-x-1/2 bottom-7 md:bottom-13"> <div class="animate-scroll-cue-bounce bg-white/80 p-2 rounded"> <svg width="26" height="54" viewBox="0 0 26 54" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M24.1111 41.4444L12.5556 53M12.5556 53L1 41.4444M12.5556 53V1" stroke="#213449" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> <video autoplay loop muted preload class="local-video"> <source width="1920" height="1080" type="video/mp4" src="/sites/default/files/video/OIST_WWW_Loop_2023.mp4" /> </video> </div> </div> </article> </div> </div> <div id="paragraph-1019" class="image-teaser flex flex-col space-y-4 lg:space-y-15"> <div class="container-wide pt-8 lg:pt-15"> <div class="flex flex-col space-y-4"> <h2 class="text-gray-900 font-header text-2xl md:text-5xl md:leading-16 lg:text-6xl lg:leading-20 text-center"> <budoux-ja>Research and Faculty</budoux-ja> </h2> <p class="text-gray-900 text-base lg:text-2xl text-center max-w-178 mx-auto closeable"> <budoux-ja>OIST has no academic departments. Researchers from more than 50 countries collaborate across and combine scientific disciplines to pioneer new approaches to discovery and problem-solving.</budoux-ja> </p> </div> </div> <div class="px-0 md:container-wide grid grid-cols-1 md:grid-cols-2 md:gap-x-12 lg:gap-x-20 md:pb-12 lg:pb-15"> <div class="block relative group hover:cursor-pointer"> <figure class="child-object-cover relative pointer-events-auto"> <a href="/research" aria-label="Research at OIST" target="_self"> <picture> <source srcset="/sites/default/files/styles/image_teaser_lg_1x/public/2022-08/research-environment-01.jpg?h=ccf9aea4&itok=p5PBdBfY 1x, /sites/default/files/styles/image_teaser_lg_2x/public/2022-08/research-environment-01.jpg?h=ccf9aea4&itok=KiVaa_8Q 2x" media="all and (min-width: 1024px)" type="image/jpeg" width="600" height="378"/> <source srcset="/sites/default/files/styles/image_teaser_md_1x/public/2022-08/research-environment-01.jpg?h=ccf9aea4&itok=oYNBMEWS 1x, /sites/default/files/styles/image_teaser_md_2x/public/2022-08/research-environment-01.jpg?h=ccf9aea4&itok=PQ4ovXHT 2x" media="all and (min-width: 768px)" type="image/jpeg" width="464" height="292"/> <source srcset="/sites/default/files/styles/image_teaser_sm_1x/public/2022-08/research-environment-01.jpg?h=ccf9aea4&itok=RjKP-bc7 1x, /sites/default/files/styles/image_teaser_sm_2x/public/2022-08/research-environment-01.jpg?h=ccf9aea4&itok=_PD5FCzJ 2x" media="all and (min-width: 640px)" type="image/jpeg" width="768" height="484"/> <source srcset="/sites/default/files/styles/image_teaser_mobile_1x/public/2022-08/research-environment-01.jpg?h=ccf9aea4&itok=AK15kQ5y 1x, /sites/default/files/styles/image_teaser_mobile_2x/public/2022-08/research-environment-01.jpg?h=ccf9aea4&itok=hSjkcuUV 2x" type="image/jpeg" width="640" height="403"/> <img src="/sites/default/files/styles/image_teaser_lg_1x/public/2022-08/research-environment-01.jpg?h=ccf9aea4&itok=p5PBdBfY" width="600" height="378" alt="Research Environment image thumbnail" loading="lazy" typeof="foaf:Image" /> </picture> </a> </figure> <div class="absolute group-hover:opacity-0 transition-opacity duration-200 top-9 lg:top-15 py-2.5 lg:py-3 px-5 lg:pl-10 lg:pr-4 bg-blue-primary/65 font-body font-bold text-white text-lg leading-snug lg:text-2xl lg:leading-snug"> <a href="/research" target="_self">Research at OIST</a> </div> <div class="absolute inset-0 pointer-events-none transition-opacity duration-200 opacity-0 group-hover:opacity-100 bg-blue-primary/65 font-body font-bold px-5 lg:px-10 pt-9 lg:pt-15 text-white text-lg leading-snug lg:text-2xl lg:leading-snug"> <div class="py-2.5 lg:py-3 mb-8 lg:mb-10">Research at OIST</div> <div class="flex flex-row items-center"> <a class="inline-block w-full sm: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="/research" target="_self">Explore</a> </div> </div> </div> <div class="block relative group hover:cursor-pointer"> <figure class="child-object-cover relative pointer-events-auto"> <a href="/research/research-units" aria-label="Faculty and Research Units" target="_self"> <picture> <source srcset="/sites/default/files/styles/image_teaser_lg_1x/public/2022-08/faculty%26research-02_0.jpg?h=ccf9aea4&itok=bxE6uUIp 1x, /sites/default/files/styles/image_teaser_lg_2x/public/2022-08/faculty%26research-02_0.jpg?h=ccf9aea4&itok=Ds3_Qyyi 2x" media="all and (min-width: 1024px)" type="image/jpeg" width="600" height="378"/> <source srcset="/sites/default/files/styles/image_teaser_md_1x/public/2022-08/faculty%26research-02_0.jpg?h=ccf9aea4&itok=RGqhlisS 1x, /sites/default/files/styles/image_teaser_md_2x/public/2022-08/faculty%26research-02_0.jpg?h=ccf9aea4&itok=9o62lkz_ 2x" media="all and (min-width: 768px)" type="image/jpeg" width="464" height="292"/> <source srcset="/sites/default/files/styles/image_teaser_sm_1x/public/2022-08/faculty%26research-02_0.jpg?h=ccf9aea4&itok=J65u2rw9 1x, /sites/default/files/styles/image_teaser_sm_2x/public/2022-08/faculty%26research-02_0.jpg?h=ccf9aea4&itok=gminqOuA 2x" media="all and (min-width: 640px)" type="image/jpeg" width="768" height="484"/> <source srcset="/sites/default/files/styles/image_teaser_mobile_1x/public/2022-08/faculty%26research-02_0.jpg?h=ccf9aea4&itok=BYaY8o6p 1x, /sites/default/files/styles/image_teaser_mobile_2x/public/2022-08/faculty%26research-02_0.jpg?h=ccf9aea4&itok=Gl6J4GVN 2x" type="image/jpeg" width="640" height="403"/> <img src="/sites/default/files/styles/image_teaser_lg_1x/public/2022-08/faculty%26research-02_0.jpg?h=ccf9aea4&itok=bxE6uUIp" width="600" height="378" alt="Faculty and Research thumbnail" loading="lazy" typeof="foaf:Image" /> </picture> </a> </figure> <div class="absolute group-hover:opacity-0 transition-opacity duration-200 top-9 lg:top-15 py-2.5 lg:py-3 px-5 lg:pl-10 lg:pr-4 bg-blue-primary/65 font-body font-bold text-white text-lg leading-snug lg:text-2xl lg:leading-snug"> <a href="/research/research-units" target="_self">Faculty and Research Units</a> </div> <div class="absolute inset-0 pointer-events-none transition-opacity duration-200 opacity-0 group-hover:opacity-100 bg-blue-primary/65 font-body font-bold px-5 lg:px-10 pt-9 lg:pt-15 text-white text-lg leading-snug lg:text-2xl lg:leading-snug"> <div class="py-2.5 lg:py-3 mb-8 lg:mb-10">Faculty and Research Units</div> <div class="flex flex-row items-center"> <a class="inline-block w-full sm: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="/research/research-units" target="_self">Explore</a> </div> </div> </div> </div> </div> <div id="paragraph-1008" class="paragraph paragraph--type--featured-content-grid paragraph--view-mode--full"> <div id="paragraph-" class="paragraph featured-content-grid bg-blue-light-primary py-8 lg:py-15 print:hidden"> <div class="sm:container-wide"> <div class=" carousel-wrapper carousel-dots carousel-fixed-width-on-mobile carousel-dots--outside carousel-center-mode-mobile carousel-responsive xl:px-0" data-slides-to-scroll="1" data-slides-laptop="3"> <div class="w-70 sm:w-auto carousel-slide h-full "> <div class="h-full bg-white p-3 max-w-full w-full lg:p-6"><article class="h-full"> <a class="border-moss-green border bg-white flex flex-col h-full " href="/news-center/news/2024/11/21/future-intersection-science-art-and-technology"> <figure class="child-object-cover w-full flex-none "> <picture> <source srcset="/sites/default/files/styles/featured_card_xl_1x/public/2024-11/sputuniko-image.JPG?h=9d4b5837&itok=AJDsyfJx 1x, /sites/default/files/styles/featured_card_xl_2x/public/2024-11/sputuniko-image.JPG?h=9d4b5837&itok=bzVzFqdT 2x" media="all and (min-width: 1280px)" type="image/jpeg" width="352" height="204"/> <source srcset="/sites/default/files/styles/featured_card_lg_1x/public/2024-11/sputuniko-image.JPG?h=9d4b5837&itok=KSqQe_ty 1x, /sites/default/files/styles/featured_card_lg_2x/public/2024-11/sputuniko-image.JPG?h=9d4b5837&itok=DVUmVrmL 2x" media="all and (min-width: 1024px)" type="image/jpeg" width="329" height="182"/> <source srcset="/sites/default/files/styles/featured_card_md_1x/public/2024-11/sputuniko-image.JPG?h=9d4b5837&itok=jV83VshK 1x, /sites/default/files/styles/featured_card_md_2x/public/2024-11/sputuniko-image.JPG?h=9d4b5837&itok=ETH4Jrqx 2x" media="all and (min-width: 768px)" type="image/jpeg" width="438" height="243"/> <source srcset="/sites/default/files/styles/featured_card_sm_1x/public/2024-11/sputuniko-image.JPG?h=9d4b5837&itok=gfQ0PXng 1x, /sites/default/files/styles/featured_card_sm_2x/public/2024-11/sputuniko-image.JPG?h=9d4b5837&itok=kgTzsxj1 2x" media="all and (min-width: 640px)" type="image/jpeg" width="310" height="172"/> <source srcset="/sites/default/files/styles/featured_card_mobile_1x/public/2024-11/sputuniko-image.JPG?h=9d4b5837&itok=gUe7JVCn 1x, /sites/default/files/styles/featured_card_mobile_2x/public/2024-11/sputuniko-image.JPG?h=9d4b5837&itok=BOrNNtOh 2x" type="image/jpeg" width="256" height="170"/> <img src="/sites/default/files/styles/featured_card_xl_1x/public/2024-11/sputuniko-image.JPG?h=9d4b5837&itok=AJDsyfJx" width="352" height="204" alt="Sputuniko article cover" loading="lazy" typeof="foaf:Image" /> </picture> </figure> <div class="pt-3.5 lg:pt-3 px-2 pb-3.5 lg:pb-6 lg:px-6 flex flex-col space-y-3.5 "> <div class="card-type flex flex-row space-x-1.5 items-center"> <div class="rounded-full h-3.5 w-3.5 inline-block bg-moss-green"></div> <div class="font-body text-xs md:text-sm uppercase text-gray-700">Institutional News</div> </div> <h3 class="font-body md:text-lg text-gray-900 font-bold leading-6 lg:line-clamp-3">The future at the intersection of science, art, and technology</h3> <div class="card-text"> <div class="text-gray-900 text-lg line-clamp-4"> Join OIST visiting artist Sputniko! for a special lecture at OIST on December 7 </div> </div> </div> </a> </article> </div> </div> <div class="w-70 sm:w-auto carousel-slide h-full "> <div class="h-full bg-white p-3 max-w-full w-full lg:p-6"><article class="h-full"> <a class="border-moss-green border bg-white flex flex-col h-full " href="/news-center/news/2024/11/20/research-administrators-professionals-who-support-research-japan-gathered-okinawa-all-over-country"> <figure class="child-object-cover w-full flex-none "> <picture> <source srcset="/sites/default/files/styles/featured_card_xl_1x/public/2024-11/20241016-rmanj-conference1.JPG?h=f728280d&itok=1PIGBumx 1x, /sites/default/files/styles/featured_card_xl_2x/public/2024-11/20241016-rmanj-conference1.JPG?h=f728280d&itok=zMQBKEQc 2x" media="all and (min-width: 1280px)" type="image/jpeg" width="352" height="204"/> <source srcset="/sites/default/files/styles/featured_card_lg_1x/public/2024-11/20241016-rmanj-conference1.JPG?h=f728280d&itok=jSUoga2J 1x, /sites/default/files/styles/featured_card_lg_2x/public/2024-11/20241016-rmanj-conference1.JPG?h=f728280d&itok=eqiKe_D2 2x" media="all and (min-width: 1024px)" type="image/jpeg" width="329" height="182"/> <source srcset="/sites/default/files/styles/featured_card_md_1x/public/2024-11/20241016-rmanj-conference1.JPG?h=f728280d&itok=AL97QXmf 1x, /sites/default/files/styles/featured_card_md_2x/public/2024-11/20241016-rmanj-conference1.JPG?h=f728280d&itok=c3qMtOvz 2x" media="all and (min-width: 768px)" type="image/jpeg" width="438" height="243"/> <source srcset="/sites/default/files/styles/featured_card_sm_1x/public/2024-11/20241016-rmanj-conference1.JPG?h=f728280d&itok=4fBNleUQ 1x, /sites/default/files/styles/featured_card_sm_2x/public/2024-11/20241016-rmanj-conference1.JPG?h=f728280d&itok=uQ7C5Aqk 2x" media="all and (min-width: 640px)" type="image/jpeg" width="310" height="172"/> <source srcset="/sites/default/files/styles/featured_card_mobile_1x/public/2024-11/20241016-rmanj-conference1.JPG?h=f728280d&itok=7zutLi5W 1x, /sites/default/files/styles/featured_card_mobile_2x/public/2024-11/20241016-rmanj-conference1.JPG?h=f728280d&itok=P_FVE6up 2x" type="image/jpeg" width="256" height="170"/> <img src="/sites/default/files/styles/featured_card_xl_1x/public/2024-11/20241016-rmanj-conference1.JPG?h=f728280d&itok=1PIGBumx" width="352" height="204" alt="RMAN-J Conference 2024" loading="lazy" typeof="foaf:Image" /> </picture> </figure> <div class="pt-3.5 lg:pt-3 px-2 pb-3.5 lg:pb-6 lg:px-6 flex flex-col space-y-3.5 "> <div class="card-type flex flex-row space-x-1.5 items-center"> <div class="rounded-full h-3.5 w-3.5 inline-block bg-moss-green"></div> <div class="font-body text-xs md:text-sm uppercase text-gray-700">Institutional News</div> </div> <h3 class="font-body md:text-lg text-gray-900 font-bold leading-6 lg:line-clamp-3">Research administrators, the professionals who support research in Japan, gathered in Okinawa from all over the country </h3> <div class="card-text"> <div class="text-gray-900 text-lg line-clamp-4"> The 10th RMAN-J Annual Conference was held at OIST. </div> </div> </div> </a> </article> </div> </div> <div class="w-70 sm:w-auto carousel-slide h-full "> <div class="h-full bg-white p-3 max-w-full w-full lg:p-6"><article class="h-full"> <a class="border-moss-green border bg-white flex flex-col h-full " href="/news-center/news/2024/11/13/creating-synergy-across-generations-oist-keio-summer-camp"> <figure class="child-object-cover w-full flex-none "> <picture> <source srcset="/sites/default/files/styles/featured_card_xl_1x/public/2024-11/53894265081_4e5a7d6e5e_k_0.jpg?h=f4761ccc&itok=IBvCD-fd 1x, /sites/default/files/styles/featured_card_xl_2x/public/2024-11/53894265081_4e5a7d6e5e_k_0.jpg?h=f4761ccc&itok=e1UlHe-q 2x" media="all and (min-width: 1280px)" type="image/jpeg" width="352" height="204"/> <source srcset="/sites/default/files/styles/featured_card_lg_1x/public/2024-11/53894265081_4e5a7d6e5e_k_0.jpg?h=f4761ccc&itok=ged4CIpb 1x, /sites/default/files/styles/featured_card_lg_2x/public/2024-11/53894265081_4e5a7d6e5e_k_0.jpg?h=f4761ccc&itok=ZOLWbiyU 2x" media="all and (min-width: 1024px)" type="image/jpeg" width="329" height="182"/> <source srcset="/sites/default/files/styles/featured_card_md_1x/public/2024-11/53894265081_4e5a7d6e5e_k_0.jpg?h=f4761ccc&itok=lrNTp6Sj 1x, /sites/default/files/styles/featured_card_md_2x/public/2024-11/53894265081_4e5a7d6e5e_k_0.jpg?h=f4761ccc&itok=BsYfzRwO 2x" media="all and (min-width: 768px)" type="image/jpeg" width="438" height="243"/> <source srcset="/sites/default/files/styles/featured_card_sm_1x/public/2024-11/53894265081_4e5a7d6e5e_k_0.jpg?h=f4761ccc&itok=42iPI8G8 1x, /sites/default/files/styles/featured_card_sm_2x/public/2024-11/53894265081_4e5a7d6e5e_k_0.jpg?h=f4761ccc&itok=AbZnFg6S 2x" media="all and (min-width: 640px)" type="image/jpeg" width="310" height="172"/> <source srcset="/sites/default/files/styles/featured_card_mobile_1x/public/2024-11/53894265081_4e5a7d6e5e_k_0.jpg?h=f4761ccc&itok=R0LzwUcv 1x, /sites/default/files/styles/featured_card_mobile_2x/public/2024-11/53894265081_4e5a7d6e5e_k_0.jpg?h=f4761ccc&itok=mMOFK4Ju 2x" type="image/jpeg" width="256" height="170"/> <img src="/sites/default/files/styles/featured_card_xl_1x/public/2024-11/53894265081_4e5a7d6e5e_k_0.jpg?h=f4761ccc&itok=IBvCD-fd" width="352" height="204" alt="Summer school participants at a lecture" loading="lazy" typeof="foaf:Image" /> </picture> </figure> <div class="pt-3.5 lg:pt-3 px-2 pb-3.5 lg:pb-6 lg:px-6 flex flex-col space-y-3.5 "> <div class="card-type flex flex-row space-x-1.5 items-center"> <div class="rounded-full h-3.5 w-3.5 inline-block bg-moss-green"></div> <div class="font-body text-xs md:text-sm uppercase text-gray-700">Institutional News</div> </div> <h3 class="font-body md:text-lg text-gray-900 font-bold leading-6 lg:line-clamp-3">Creating synergy across generations at the OIST-Keio summer camp</h3> <div class="card-text"> <div class="text-gray-900 text-lg line-clamp-4"> The OIST-Keio International Research Summer Camp makes a lasting impact on both students and faculty. </div> </div> </div> </a> </article> </div> </div> <div class="w-70 sm:w-auto carousel-slide h-full "> <div class="h-full bg-white p-3 max-w-full w-full lg:p-6"><article class="h-full"> <a class="border-yellow border bg-white flex flex-col h-full " href="/news-center/news/2024/11/6/mice-tails-whip-new-insights-balance-and-neurodegenerative-disease-research"> <figure class="child-object-cover w-full flex-none "> <picture> <source srcset="/sites/default/files/styles/featured_card_xl_1x/public/2024-10/20241030-mouse-tail-hedaer-2.jpg?h=d1cb525d&itok=myaq9eYv 1x, /sites/default/files/styles/featured_card_xl_2x/public/2024-10/20241030-mouse-tail-hedaer-2.jpg?h=d1cb525d&itok=hipplnlB 2x" media="all and (min-width: 1280px)" type="image/jpeg" width="352" height="204"/> <source srcset="/sites/default/files/styles/featured_card_lg_1x/public/2024-10/20241030-mouse-tail-hedaer-2.jpg?h=d1cb525d&itok=QwImkh0S 1x, /sites/default/files/styles/featured_card_lg_2x/public/2024-10/20241030-mouse-tail-hedaer-2.jpg?h=d1cb525d&itok=14wcc8Fk 2x" media="all and (min-width: 1024px)" type="image/jpeg" width="329" height="182"/> <source srcset="/sites/default/files/styles/featured_card_md_1x/public/2024-10/20241030-mouse-tail-hedaer-2.jpg?h=d1cb525d&itok=l4XHvTMC 1x, /sites/default/files/styles/featured_card_md_2x/public/2024-10/20241030-mouse-tail-hedaer-2.jpg?h=d1cb525d&itok=201DfoOF 2x" media="all and (min-width: 768px)" type="image/jpeg" width="438" height="243"/> <source srcset="/sites/default/files/styles/featured_card_sm_1x/public/2024-10/20241030-mouse-tail-hedaer-2.jpg?h=d1cb525d&itok=TB8zFSWa 1x, /sites/default/files/styles/featured_card_sm_2x/public/2024-10/20241030-mouse-tail-hedaer-2.jpg?h=d1cb525d&itok=YFP62li8 2x" media="all and (min-width: 640px)" type="image/jpeg" width="310" height="172"/> <source srcset="/sites/default/files/styles/featured_card_mobile_1x/public/2024-10/20241030-mouse-tail-hedaer-2.jpg?h=d1cb525d&itok=oGdOHuHa 1x, /sites/default/files/styles/featured_card_mobile_2x/public/2024-10/20241030-mouse-tail-hedaer-2.jpg?h=d1cb525d&itok=0hRq_9BB 2x" type="image/jpeg" width="256" height="170"/> <img src="/sites/default/files/styles/featured_card_xl_1x/public/2024-10/20241030-mouse-tail-hedaer-2.jpg?h=d1cb525d&itok=myaq9eYv" width="352" height="204" alt="Header_Mice tails help research into neurodegenerative diseases" loading="lazy" typeof="foaf:Image" /> </picture> </figure> <div class="pt-3.5 lg:pt-3 px-2 pb-3.5 lg:pb-6 lg:px-6 flex flex-col space-y-3.5 "> <div class="card-type flex flex-row space-x-1.5 items-center"> <div class="rounded-full h-3.5 w-3.5 inline-block bg-yellow"></div> <div class="font-body text-xs md:text-sm uppercase text-gray-700">Research Update</div> </div> <h3 class="font-body md:text-lg text-gray-900 font-bold leading-6 lg:line-clamp-3">Mice tails whip up new insights into balance and neurodegenerative disease research</h3> <div class="card-text"> <div class="text-gray-900 text-lg line-clamp-4"> New study using a novel experimental setup has shown how healthy mice flick their tails to maintain balance. </div> </div> </div> </a> </article> </div> </div> <div class="w-70 sm:w-auto carousel-slide h-full "> <div class="h-full bg-white p-3 max-w-full w-full lg:p-6"><article class="h-full"> <a class="border-moss-green border bg-white flex flex-col h-full " href="/news-center/news/2024/11/1/new-possibilities-science-and-art-perspective-science-communication"> <figure class="child-object-cover w-full flex-none "> <picture> <source srcset="/sites/default/files/styles/featured_card_xl_1x/public/2024-10/SciArt-header.jpg?h=ceab533b&itok=2WO6JKYw 1x, /sites/default/files/styles/featured_card_xl_2x/public/2024-10/SciArt-header.jpg?h=ceab533b&itok=ig8NWQyt 2x" media="all and (min-width: 1280px)" type="image/jpeg" width="352" height="204"/> <source srcset="/sites/default/files/styles/featured_card_lg_1x/public/2024-10/SciArt-header.jpg?h=ceab533b&itok=iWTPAOOz 1x, /sites/default/files/styles/featured_card_lg_2x/public/2024-10/SciArt-header.jpg?h=ceab533b&itok=HPuOUBrB 2x" media="all and (min-width: 1024px)" type="image/jpeg" width="329" height="182"/> <source srcset="/sites/default/files/styles/featured_card_md_1x/public/2024-10/SciArt-header.jpg?h=ceab533b&itok=FfunlasI 1x, /sites/default/files/styles/featured_card_md_2x/public/2024-10/SciArt-header.jpg?h=ceab533b&itok=jQvHVTFB 2x" media="all and (min-width: 768px)" type="image/jpeg" width="438" height="243"/> <source srcset="/sites/default/files/styles/featured_card_sm_1x/public/2024-10/SciArt-header.jpg?h=ceab533b&itok=uR3mEHil 1x, /sites/default/files/styles/featured_card_sm_2x/public/2024-10/SciArt-header.jpg?h=ceab533b&itok=10ONkW2F 2x" media="all and (min-width: 640px)" type="image/jpeg" width="310" height="172"/> <source srcset="/sites/default/files/styles/featured_card_mobile_1x/public/2024-10/SciArt-header.jpg?h=ceab533b&itok=Fm9Y4CDy 1x, /sites/default/files/styles/featured_card_mobile_2x/public/2024-10/SciArt-header.jpg?h=ceab533b&itok=j3DRH4F2 2x" type="image/jpeg" width="256" height="170"/> <img src="/sites/default/files/styles/featured_card_xl_1x/public/2024-10/SciArt-header.jpg?h=ceab533b&itok=2WO6JKYw" width="352" height="204" alt="Science+Art: Creatively Communicating Research" loading="lazy" typeof="foaf:Image" /> </picture> </figure> <div class="pt-3.5 lg:pt-3 px-2 pb-3.5 lg:pb-6 lg:px-6 flex flex-col space-y-3.5 "> <div class="card-type flex flex-row space-x-1.5 items-center"> <div class="rounded-full h-3.5 w-3.5 inline-block bg-moss-green"></div> <div class="font-body text-xs md:text-sm uppercase text-gray-700">Institutional News</div> </div> <h3 class="font-body md:text-lg text-gray-900 font-bold leading-6 lg:line-clamp-3">New possibilities for science and art: From the perspective of science communication</h3> <div class="card-text"> <div class="text-gray-900 text-lg line-clamp-4"> OIST hosted a talk event on science and art (SciArt) at the United Nations University. </div> </div> </div> </a> </article> </div> </div> </div> <div class="container-wide mt-15 lg:mt-27"> <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="/about/news-center" target="">View More</a> </div> </div> </div> </div> </div> <div id="paragraph-3326" class="paragraph paragraph--type--events paragraph--view-mode--full"> <div class="container-wide "> <div class="py-8 lg:py-10"> <div class="mb-8 lg:mb-14 text-2xl lg:text-6xl text-center font-header">Research Events</div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-10 gap-y-4 lg:gap-y-14"> <a href="https://groups.oist.jp/representations/event/autumn-school-conference-new-developments-representation-theory-algebras" class="h-full event-card block" target=""> <div class="h-full shadow-bottom transform hover:scale-105 transition duration-300 ease-in-out px-8 border border-black py-4"> <div class="pb-2 font-header text-red-primary lg:text-2xl">19 - 29 Nov 2024</div> <div class="pb-4 font-body text-sm">Conference</div> <div class="text-gray-900 font-bold font-body lg:text-lg">Autumn School & Conference. New developments in representation theory of algebras: algebraic, combinatorial and geometric aspects</div> </div> </a> <a href="https://groups.oist.jp/naceu/event/seminar-cancer-diagnostics-and-therapy-dna-aptamer-nanotechnology-dr-maxim-berezovski" class="h-full event-card block" target=""> <div class="h-full shadow-bottom transform hover:scale-105 transition duration-300 ease-in-out px-8 border border-black py-4"> <div class="pb-2 font-header text-red-primary lg:text-2xl">25 Nov 2024</div> <div class="pb-4 font-body text-sm">Research</div> <div class="text-gray-900 font-bold font-body lg:text-lg">[Seminar] "Cancer Diagnostics and Therapy with DNA Aptamer Nanotechnology" by Dr. Maxim Berezovski</div> </div> </a> <a href="https://groups.oist.jp/odr/event/oist-nanolsi-joint-symposium" class="h-full event-card block" target=""> <div class="h-full shadow-bottom transform hover:scale-105 transition duration-300 ease-in-out px-8 border border-black py-4"> <div class="pb-2 font-header text-red-primary lg:text-2xl">27 Nov 2024</div> <div class="pb-4 font-body text-sm">Symposium</div> <div class="text-gray-900 font-bold font-body lg:text-lg">OIST - NanoLSI Joint Symposium "Exploring Uncharted Nanoscale Frontiers in Life Sciences"</div> </div> </a> <a href="https://groups.oist.jp/odr/event/oist-jaist-joint-symposium" class="h-full event-card block" target=""> <div class="h-full shadow-bottom transform hover:scale-105 transition duration-300 ease-in-out px-8 border border-black py-4"> <div class="pb-2 font-header text-red-primary lg:text-2xl">27 Nov 2024</div> <div class="pb-4 font-body text-sm">Symposium</div> <div class="text-gray-900 font-bold font-body lg:text-lg">OIST-JAIST Joint Symposium: "Collaborative Innovation for Sustainable Future through Advanced Materials Science"</div> </div> </a> <a href="https://groups.oist.jp/cne/event/%E3%80%90seminar%E3%80%91mechanistic-theory-foraging" class="h-full event-card block" target=""> <div class="h-full shadow-bottom transform hover:scale-105 transition duration-300 ease-in-out px-8 border border-black py-4"> <div class="pb-2 font-header text-red-primary lg:text-2xl">27 Nov 2024</div> <div class="pb-4 font-body text-sm">Seminar</div> <div class="text-gray-900 font-bold font-body lg:text-lg">[Seminar] Mechanistic theory of foraging</div> </div> </a> <a href="https://groups.oist.jp/qgu/event/unfolding-dual-gravity-fields-e11" class="h-full event-card block" target=""> <div class="h-full shadow-bottom transform hover:scale-105 transition duration-300 ease-in-out px-8 border border-black py-4"> <div class="pb-2 font-header text-red-primary lg:text-2xl">27 Nov 2024</div> <div class="pb-4 font-body text-sm">Seminar</div> <div class="text-gray-900 font-bold font-body lg:text-lg">Unfolding dual gravity fields in E11</div> </div> </a> </div> <div class="flex justify-center mt-4 lg:mt-10"> <a class="hover:text-red-primary hover:border-red-primary text-center font-body uppercase text-sm lg:text-lg rounded-full px-6 py-2 border border-gray-700 text-gray-700" href="https://groups.oist.jp/upcoming?category=16" target="_blank">View more</a> </div> </div> </div> </div> <div id="paragraph-1023" class="video-image-teaser flex flex-col gap-8 lg:gap-15 bg-blue-light-primary text-white py-8 lg:py-15"> <div class="container-body w-full flex flex-col gap-4"> <h2 class="text-white font-header text-2xl md:text-5xl md:leading-16 lg:text-6xl lg:leading-20 text-center"> <budoux-ja>Study at OIST</budoux-ja> </h2> <p class="text-white text-lg lg:text-2xl text-center mx-auto"> <budoux-ja>Apply for our 5-year PhD program in Science. We also offer short-term Research Internships. Both programs are competitive, cross-disciplinary, fully funded, and taught entirely in English by world-class international faculty. </budoux-ja> </p> </div> <div class="px-0 grid grid-cols-1 gap-9 md:container-wide md:grid-cols-3 md:gap-0 w-full"> <div class="p-0 video-image-teaser-item js-video-image-teaser-item max-w-120 mx-auto w-full flex flex-col gap-4 lg:gap-9"> <div class="border-4 border-white relative"> <div class="js-click-video-wrapper media block"> <article class="media media--type-image media--view-mode-media-vertical-teaser"> <div class="relative pb-0"> <figure class="vertical-media-wrapper js-vertical-media-wrapper click-video js-click-video child-object-cover"> <img srcset="/sites/default/files/styles/video_image_teaser_1x/public/2023-05/52401374224_a025aa9169_k.jpg?h=892f90a1&itok=ZIbWeNMF 1x, /sites/default/files/styles/video_image_teaser_2x/public/2023-05/52401374224_a025aa9169_k.jpg?h=892f90a1&itok=85rZqAz3 2x" width="480" height="852" src="/sites/default/files/styles/video_image_teaser_1x/public/2023-05/52401374224_a025aa9169_k.jpg?h=892f90a1&itok=ZIbWeNMF" alt="View of Lab 5 atrium space" loading="lazy" typeof="foaf:Image" /> </figure> </div> </article> </div> </div> <div class="px-4 lg:px-6 flex flex-col gap-4"> <div class="lg:min-h-16 font-body font-bold text-center text-white lg:text-2xl"> Science Without Boundaries </div> <div class="font-body text-sm lg:text-lg"> A university with no departments, OIST has no artificial barriers between people working in different fields, thus encouraging innovation. With a state-of-the-art research environment, OIST attracts outstanding students and faculty around the world. </div> <div class="underline-links text-sm lg:text-lg"> <a href="/study">Learn More</a> </div> </div> </div> <div class="p-0 video-image-teaser-item js-video-image-teaser-item max-w-120 mx-auto w-full flex flex-col gap-4 lg:gap-9"> <div class="border-4 border-white relative"> <div class="js-hover-video-wrapper"> <article class="media media--type-video media--view-mode-hover-video"> <div class="relative pb-0"> <figure class="vertical-media-wrapper js-vertical-media-wrapper js-hover-video hover-video "> <div class="cursor-pointer flex justify-center w-10 h-10 pause play-pause-button absolute z-10 bottom-7 md:bottom-14 left-1/2 -translate-x-1/2 text-center"> <img class="md:h-full" src="/themes/custom/server_theme/dist/images/play.svg" alt="play"> <img class="md:h-full hidden" src="/themes/custom/server_theme/dist/images/pause.svg" alt="pause"> </div> <iframe src="/media/oembed?url=https%3A//vimeo.com/695536770/ca979a50a7%3Fbackground%3D1%26controls%3D0%26autopause%3D0%26pip%3D0%26muted%3D1%26loop%3D1&max_width=1920&max_height=1080&hash=QFEd2XjbmR_LoIkkM_mo-Aw4GO4I0owKQMyUn_lBAic" frameborder="0" width="1920" height="1080" allowtransparency class="media-oembed-content vimeo-video-iframe" title="Video frame for /media/oembed?url=https%3A//vimeo.com/695536770/ca979a50a7%3Fbackground%3D1%26controls%3D0%26autopause%3D0%26pip%3D0%26muted%3D1%26loop%3D1&max_width=1920&max_height=1080&hash=QFEd2XjbmR_LoIkkM_mo-Aw4GO4I0owKQMyUn_lBAic"></iframe> </figure> </div> </article> </div> <div class="js-click-video-wrapper media hidden"> <article class="media media--type-video media--view-mode-media-vertical-teaser"> <div class="relative pb-0"> <figure class="vertical-media-wrapper js-vertical-media-wrapper click-video js-click-video "> <div class="cursor-pointer flex justify-center w-10 h-10 pause play-pause-button absolute z-10 bottom-7 md:bottom-14 left-1/2 -translate-x-1/2 text-center"> <img class="md:h-full" src="/themes/custom/server_theme/dist/images/play.svg" alt="play"> <img class="md:h-full hidden" src="/themes/custom/server_theme/dist/images/pause.svg" alt="pause"> </div> <iframe src="/media/oembed?url=https%3A//vimeo.com/694775110/288f8b5012%3Fbackground%3D1%26controls%3D0%26autopause%3D0%26pip%3D0&max_width=1920&max_height=1080&hash=smW8WuOD_kEy8ZnggnLWLkMXoklr7odF6LEj2skEnQE" frameborder="0" width="1920" height="1080" allowtransparency class="media-oembed-content vimeo-video-iframe" title="Video frame for /media/oembed?url=https%3A//vimeo.com/694775110/288f8b5012%3Fbackground%3D1%26controls%3D0%26autopause%3D0%26pip%3D0&max_width=1920&max_height=1080&hash=smW8WuOD_kEy8ZnggnLWLkMXoklr7odF6LEj2skEnQE"></iframe> </figure> </div> </article> </div> </div> <div class="px-4 lg:px-6 flex flex-col gap-4"> <div class="lg:min-h-16 font-body font-bold text-center text-white lg:text-2xl"> PhD and Research Internship Program </div> <div class="font-body text-sm lg:text-lg"> OIST offers an individualized, cross-disciplinary PhD program that funds students up to 5 years. The Research Internship program offers financial and travel support for 2 to 6 months of experience working in an OIST research lab under OIST faculty. </div> <div class="underline-links text-sm lg:text-lg"> <a href="/study/phd-research-internship-program">Learn More</a> </div> </div> </div> <div class="p-0 video-image-teaser-item js-video-image-teaser-item max-w-120 mx-auto w-full flex flex-col gap-4 lg:gap-9"> <div class="border-4 border-white relative"> <div class="js-hover-video-wrapper"> <article class="media media--type-video media--view-mode-hover-video"> <div class="relative pb-0"> <figure class="vertical-media-wrapper js-vertical-media-wrapper js-hover-video hover-video "> <div class="cursor-pointer flex justify-center w-10 h-10 pause play-pause-button absolute z-10 bottom-7 md:bottom-14 left-1/2 -translate-x-1/2 text-center"> <img class="md:h-full" src="/themes/custom/server_theme/dist/images/play.svg" alt="play"> <img class="md:h-full hidden" src="/themes/custom/server_theme/dist/images/pause.svg" alt="pause"> </div> <iframe src="/media/oembed?url=https%3A//vimeo.com/695536800/4f3612000b%3Fbackground%3D1%26controls%3D0%26autopause%3D0%26pip%3D0%26muted%3D1%26loop%3D1&max_width=1920&max_height=1080&hash=1lQTpVKeOAimP0AzRkCnI7tSyFXjGi4Gz7DhAT7I428" frameborder="0" width="1920" height="1080" allowtransparency class="media-oembed-content vimeo-video-iframe" title="Video frame for /media/oembed?url=https%3A//vimeo.com/695536800/4f3612000b%3Fbackground%3D1%26controls%3D0%26autopause%3D0%26pip%3D0%26muted%3D1%26loop%3D1&max_width=1920&max_height=1080&hash=1lQTpVKeOAimP0AzRkCnI7tSyFXjGi4Gz7DhAT7I428"></iframe> </figure> </div> </article> </div> <div class="js-click-video-wrapper media hidden"> <article class="media media--type-video media--view-mode-media-vertical-teaser"> <div class="relative pb-0"> <figure class="vertical-media-wrapper js-vertical-media-wrapper click-video js-click-video "> <div class="cursor-pointer flex justify-center w-10 h-10 pause play-pause-button absolute z-10 bottom-7 md:bottom-14 left-1/2 -translate-x-1/2 text-center"> <img class="md:h-full" src="/themes/custom/server_theme/dist/images/play.svg" alt="play"> <img class="md:h-full hidden" src="/themes/custom/server_theme/dist/images/pause.svg" alt="pause"> </div> <iframe src="/media/oembed?url=https%3A//vimeo.com/694775473/5429e216bf%3Fbackground%3D1%26controls%3D0%26autopause%3D0%26pip%3D0&max_width=1920&max_height=1080&hash=TK9e3cq_AaPiJW2wRJ1wzHuCFkHVai-uRu934-qCpqk" frameborder="0" width="1920" height="1080" allowtransparency class="media-oembed-content vimeo-video-iframe" title="Video frame for /media/oembed?url=https%3A//vimeo.com/694775473/5429e216bf%3Fbackground%3D1%26controls%3D0%26autopause%3D0%26pip%3D0&max_width=1920&max_height=1080&hash=TK9e3cq_AaPiJW2wRJ1wzHuCFkHVai-uRu934-qCpqk"></iframe> </figure> </div> </article> </div> </div> <div class="px-4 lg:px-6 flex flex-col gap-4"> <div class="lg:min-h-16 font-body font-bold text-center text-white lg:text-2xl"> Student Life </div> <div class="font-body text-sm lg:text-lg"> OIST offers a first-class postgraduate experience – both inside and outside the classroom. A wide range of educational, recreational, social, and cultural activities provide many opportunities to explore your passions and master something new. </div> <div class="underline-links text-sm lg:text-lg"> <a href="https://live-oist-main.pantheonsite.io/study/student-life">Learn More</a> </div> </div> </div> </div> </div> <div class="bg-white py-5"></div> <div id="paragraph-1010" class="paragraph paragraph--type--image-text paragraph--view-mode--full"> <div class="image-text bg-blue-light-primary text-white font-body py-8 md:py-15"> <div class="container-wide"> <div class="flex flex-col items-center"> <div class="max-w-178"> <div class="font-header pb-4 text-2xl md:text-6xl text-center"> <budoux-ja>Driving Innovation Toward Impact</budoux-ja> </div> <div class="text-sm md:text-2xl pb-4 md:pb-15 text-center"> <budoux-ja>OIST connects world-leading research and global business to co-create solutions to society’s most pressing challenges – attracting talent to Okinawa’s emerging innovation ecosystem.</budoux-ja> </div> </div> </div> <div class="flex flex-col md:flex-row gap-x-6"> <div class="image"> <picture> <source srcset="/sites/default/files/styles/image_text_xl_1x/public/2022-10/2020-pro-photo-collection-okada-unit-quantum-materials-science-unit-51147806958_f82ded0313_o.jpg?h=5ee599f2&itok=vAJwbq9M 1x, /sites/default/files/styles/image_text_xl_2x/public/2022-10/2020-pro-photo-collection-okada-unit-quantum-materials-science-unit-51147806958_f82ded0313_o.jpg?h=5ee599f2&itok=XVNA89wP 2x" media="all and (min-width: 1280px)" type="image/jpeg" width="696" height="514"/> <source srcset="/sites/default/files/styles/image_text_lg_1x/public/2022-10/2020-pro-photo-collection-okada-unit-quantum-materials-science-unit-51147806958_f82ded0313_o.jpg?h=5ee599f2&itok=uHPpk7Qs 1x, /sites/default/files/styles/image_text_lg_2x/public/2022-10/2020-pro-photo-collection-okada-unit-quantum-materials-science-unit-51147806958_f82ded0313_o.jpg?h=5ee599f2&itok=LMd6_s7X 2x" media="all and (min-width: 1024px)" type="image/jpeg" width="673" height="497"/> <source srcset="/sites/default/files/styles/image_text_md_1x/public/2022-10/2020-pro-photo-collection-okada-unit-quantum-materials-science-unit-51147806958_f82ded0313_o.jpg?h=5ee599f2&itok=Y5LY2KM_ 1x, /sites/default/files/styles/image_text_md_2x/public/2022-10/2020-pro-photo-collection-okada-unit-quantum-materials-science-unit-51147806958_f82ded0313_o.jpg?h=5ee599f2&itok=hzGokcIX 2x" media="all and (min-width: 768px)" type="image/jpeg" width="537" height="397"/> <source srcset="/sites/default/files/styles/image_text_sm_1x/public/2022-10/2020-pro-photo-collection-okada-unit-quantum-materials-science-unit-51147806958_f82ded0313_o.jpg?h=5ee599f2&itok=0eaWU4-Q 1x, /sites/default/files/styles/image_text_sm_2x/public/2022-10/2020-pro-photo-collection-okada-unit-quantum-materials-science-unit-51147806958_f82ded0313_o.jpg?h=5ee599f2&itok=PRqeOlni 2x" media="all and (min-width: 640px)" type="image/jpeg" width="719" height="530"/> <source srcset="/sites/default/files/styles/image_text_mobile_1x/public/2022-10/2020-pro-photo-collection-okada-unit-quantum-materials-science-unit-51147806958_f82ded0313_o.jpg?h=5ee599f2&itok=C2XGhSPF 1x, /sites/default/files/styles/image_text_mobile_2x/public/2022-10/2020-pro-photo-collection-okada-unit-quantum-materials-science-unit-51147806958_f82ded0313_o.jpg?h=5ee599f2&itok=KP75yOFh 2x" type="image/jpeg" width="607" height="403"/> <img src="/sites/default/files/styles/image_text_xl_1x/public/2022-10/2020-pro-photo-collection-okada-unit-quantum-materials-science-unit-51147806958_f82ded0313_o.jpg?h=5ee599f2&itok=vAJwbq9M" width="696" height="514" alt="Researcher using device" loading="lazy" typeof="foaf:Image" /> </picture> </div> <div class="flex flex-col gap-x-8 items-center md:items-start"> <div class="w-full md:max-w-134 pt-4 styled-body"> <div class="styled-body large"> <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"><ul> <li>Corporate partnerships and collaborations</li> <li>Technology development and licensing</li> <li>Entrepreneurship and startups</li> </ul></div></div> </div> </div> </div> <div class="pl-0 md:pl-4 pt-0 md:pt-1 text-center md:text-left text-sm md:text-lg"> <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-white text-gray-900 border-white hover:text-red-primary group-hover:text-red-primary" href="/innovation" target="">Get Started</a> </div> </div> </div> </div> </div> </div> </div> <div id="paragraph-1009" class="paragraph paragraph--type--events paragraph--view-mode--full"> <div class="container-wide "> <div class="py-8 lg:py-10"> <div class="mb-8 lg:mb-14 text-2xl lg:text-6xl text-center font-header">Public Events</div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-10 gap-y-4 lg:gap-y-14"> <a href="https://groups.oist.jp/cpr/event/art-science-exhibit-coral-colors-sputniko" class="h-full event-card block" target=""> <div class="h-full shadow-bottom transform hover:scale-105 transition duration-300 ease-in-out px-8 border border-black py-4"> <div class="pb-2 font-header text-red-primary lg:text-2xl">29 Nov 2024 - 09 Jan 2025</div> <div class="pb-4 font-body text-sm">Culture</div> <div class="text-gray-900 font-bold font-body lg:text-lg">Science + Art Exhibit: "Coral Colors by Sputniko!" </div> </div> </a> <a href="https://groups.oist.jp/orc/event/clues-scotland-event" class="h-full event-card block" target=""> <div class="h-full shadow-bottom transform hover:scale-105 transition duration-300 ease-in-out px-8 border border-black py-4"> <div class="pb-2 font-header text-red-primary lg:text-2xl">01 Dec 2024</div> <div class="pb-4 font-body text-sm">Culture</div> <div class="text-gray-900 font-bold font-body lg:text-lg">CluES: Scotland Event</div> </div> </a> <a href="https://groups.oist.jp/cpr/event/digital-canvas-nexus-science-art-and-technology" class="h-full event-card block" target=""> <div class="h-full shadow-bottom transform hover:scale-105 transition duration-300 ease-in-out px-8 border border-black py-4"> <div class="pb-2 font-header text-red-primary lg:text-2xl">07 Dec 2024</div> <div class="pb-4 font-body text-sm">Culture</div> <div class="text-gray-900 font-bold font-body lg:text-lg">Digital Canvas: The Nexus of Science, Art, and Technology</div> </div> </a> <a href="https://groups.oist.jp/onu/event/4th-studium-generale-prof-till-weber-university-ryukyus" class="h-full event-card block" target=""> <div class="h-full shadow-bottom transform hover:scale-105 transition duration-300 ease-in-out px-8 border border-black py-4"> <div class="pb-2 font-header text-red-primary lg:text-2xl">11 Dec 2024</div> <div class="pb-4 font-body text-sm">Culture</div> <div class="text-gray-900 font-bold font-body lg:text-lg">4th Studium Generale by Prof. Till Weber (The University of the Ryukyus)</div> </div> </a> <a href="https://groups.oist.jp/cpr/event/oist-science-festival-2025" class="h-full event-card block" target=""> <div class="h-full shadow-bottom transform hover:scale-105 transition duration-300 ease-in-out px-8 border border-black py-4"> <div class="pb-2 font-header text-red-primary lg:text-2xl">01 Feb 2025</div> <div class="pb-4 font-body text-sm">Outreach</div> <div class="text-gray-900 font-bold font-body lg:text-lg">OIST Science Festival 2025</div> </div> </a> <a href="https://groups.oist.jp/sciencechallenge/event/science-challenge-2025" class="h-full event-card block" target=""> <div class="h-full shadow-bottom transform hover:scale-105 transition duration-300 ease-in-out px-8 border border-black py-4"> <div class="pb-2 font-header text-red-primary lg:text-2xl">15 - 22 Mar 2025</div> <div class="pb-4 font-body text-sm">Prospective Students</div> <div class="text-gray-900 font-bold font-body lg:text-lg">Science Challenge 2025</div> </div> </a> </div> <div class="flex justify-center mt-4 lg:mt-10"> <a class="hover:text-red-primary hover:border-red-primary text-center font-body uppercase text-sm lg:text-lg rounded-full px-6 py-2 border border-gray-700 text-gray-700" href="https://groups.oist.jp/upcoming?category=1511" target="_blank">View more</a> </div> </div> </div> </div> <div id="paragraph-3634" class="paragraph paragraph--type--image-text paragraph--view-mode--full"> <div class="image-text bg-blue-light-primary text-white font-body py-8 md:py-15"> <div class="container-wide"> <div class="flex flex-col items-center"> <div class="max-w-178"> <div class="font-header pb-4 text-2xl md:text-6xl text-center"> <budoux-ja>Outreach</budoux-ja> </div> <div class="text-sm md:text-2xl pb-4 md:pb-15 text-center"> <budoux-ja>OIST was established in and for Okinawa. Take advantage of local education, science, and culture programs or tour the campus.</budoux-ja> </div> </div> </div> <div class="flex flex-col md:flex-row gap-x-6"> <div class="image"> <picture> <source srcset="/sites/default/files/styles/image_text_xl_1x/public/2022-08/community-events-01.jpg?h=0852d73b&itok=236mlUpL 1x, /sites/default/files/styles/image_text_xl_2x/public/2022-08/community-events-01.jpg?h=0852d73b&itok=0VwAfO2s 2x" media="all and (min-width: 1280px)" type="image/jpeg" width="696" height="514"/> <source srcset="/sites/default/files/styles/image_text_lg_1x/public/2022-08/community-events-01.jpg?h=0852d73b&itok=b3RWt9Df 1x, /sites/default/files/styles/image_text_lg_2x/public/2022-08/community-events-01.jpg?h=0852d73b&itok=Lzvt1djE 2x" media="all and (min-width: 1024px)" type="image/jpeg" width="673" height="497"/> <source srcset="/sites/default/files/styles/image_text_md_1x/public/2022-08/community-events-01.jpg?h=0852d73b&itok=nnLIx0hv 1x, /sites/default/files/styles/image_text_md_2x/public/2022-08/community-events-01.jpg?h=0852d73b&itok=8jomM02_ 2x" media="all and (min-width: 768px)" type="image/jpeg" width="537" height="397"/> <source srcset="/sites/default/files/styles/image_text_sm_1x/public/2022-08/community-events-01.jpg?h=0852d73b&itok=YDvq8QK2 1x, /sites/default/files/styles/image_text_sm_2x/public/2022-08/community-events-01.jpg?h=0852d73b&itok=YzR-Dxt- 2x" media="all and (min-width: 640px)" type="image/jpeg" width="719" height="530"/> <source srcset="/sites/default/files/styles/image_text_mobile_1x/public/2022-08/community-events-01.jpg?h=0852d73b&itok=8kdHI2Bt 1x, /sites/default/files/styles/image_text_mobile_2x/public/2022-08/community-events-01.jpg?h=0852d73b&itok=qcs_uiEs 2x" type="image/jpeg" width="607" height="403"/> <img src="/sites/default/files/styles/image_text_xl_1x/public/2022-08/community-events-01.jpg?h=0852d73b&itok=236mlUpL" width="696" height="514" alt="Community Events Thumbnail" loading="lazy" typeof="foaf:Image" /> </picture> </div> <div class="flex flex-col gap-x-8 items-center md:items-start"> <div class="w-full md:max-w-134 pt-4 styled-body"> <div class="styled-body large"> <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>Science outreach and cultural exchange activities for audiences in </p> <ul> <li>elementary school</li> <li>junior high school</li> <li>high school</li> <li>college</li> <li>the general public</li> </ul></div></div> </div> </div> </div> <div class="pl-0 md:pl-4 pt-0 md:pt-1 text-center md:text-left text-sm md:text-lg"> <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-white text-gray-900 border-white hover:text-red-primary group-hover:text-red-primary" href="/outreach" target="">Learn more</a> </div> </div> </div> </div> </div> </div> </div> <div id="paragraph-3637" class="bg-blue-light-primary lg:py-10"> <div class="container-wide cta-items-2 lg:px-0 flex flex-col lg:flex-row lg:flex-wrap lg:justify-center lg:items-stretch"> <div class="lg:w-1/2 flex-none"> <div class="cta-item py-8 lg:px-10 lg:h-full"> <div class="text-center flex flex-col items-center h-full"> <div class="mb-2 lg:mb-7 font-body font-bold text-center text-lg lg:text-2xl text-white uppercase"> <budoux-ja>SDGs</budoux-ja> </div> <div class="leading-loose text-sm lg:text-lg lg:leading-8 text-white text-center mb-2 lg:mb-7"> <budoux-ja>Sustainable Development Goals (SDGs) address some of the most pressing global challenges we face today. </budoux-ja> </div> <div class="mt-auto w-full"> <div class="flex flex-row items-center justify-center"> <a class="inline-block w-full sm: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="/sdg" target="_self">Learn more</a> </div> </div> </div> </div> </div> <div class="lg:w-1/2 flex-none"> <div class="cta-item py-8 lg:px-10 lg:h-full"> <div class="text-center flex flex-col items-center h-full"> <div class="mb-2 lg:mb-7 font-body font-bold text-center text-lg lg:text-2xl text-white uppercase"> <budoux-ja>Our Contribution to Okinawa</budoux-ja> </div> <div class="leading-loose text-sm lg:text-lg lg:leading-8 text-white text-center mb-2 lg:mb-7"> <budoux-ja>OIST is leading educational initiatives, providing employment opportunities, building and sustaining strong partnerships, and driving research and innovation to benefit Okinawa and Japan.</budoux-ja> </div> <div class="mt-auto w-full"> <div class="flex flex-row items-center justify-center"> <a class="inline-block w-full sm: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="/outreach/contribution" target="_self">Learn more</a> </div> </div> </div> </div> </div> </div> </div> <div id="paragraph-3638" class="paragraph featured-content-outreach_update bg-blue-light-primary py-8 lg:py-15 print:hidden"> <div class="px-4 sm:container-wide"> <h2 class="font-header text-2xl md:text-5xl md:leading-16 lg:text-6xl lg:leading-20 text-center text-white mb-8 lg:mb-15"> <budoux-ja>Latest Outreach Updates</budoux-ja> </h2> </div> <div class="sm:container-wide"> <div class="container-wide sm:px-0 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6 lg:gap-8 xl:gap-10 sm:auto-rows-fr"> <div class="w-auto h-full xl:mx-0"> <div class="h-full bg-white p-3 lg:p-6 max-w-full"><article class="h-full"> <a class="border-beauregarde-violet border bg-white flex flex-col h-full " href="/outreach/update/unna-junior-high-school-science-club-31"> <figure class="child-object-cover w-full flex-none "> <picture> <source srcset="/sites/default/files/styles/featured_card_xl_1x/public/2024-11/seo_20241121_unna_science_club.JPG?h=da220768&itok=6uAO3Qws 1x, /sites/default/files/styles/featured_card_xl_2x/public/2024-11/seo_20241121_unna_science_club.JPG?h=da220768&itok=xIOejC3w 2x" media="all and (min-width: 1280px)" type="image/jpeg" width="352" height="204"/> <source srcset="/sites/default/files/styles/featured_card_lg_1x/public/2024-11/seo_20241121_unna_science_club.JPG?h=da220768&itok=eTJSUy_6 1x, /sites/default/files/styles/featured_card_lg_2x/public/2024-11/seo_20241121_unna_science_club.JPG?h=da220768&itok=WjCF6kc- 2x" media="all and (min-width: 1024px)" type="image/jpeg" width="329" height="182"/> <source srcset="/sites/default/files/styles/featured_card_md_1x/public/2024-11/seo_20241121_unna_science_club.JPG?h=da220768&itok=0frqGoSC 1x, /sites/default/files/styles/featured_card_md_2x/public/2024-11/seo_20241121_unna_science_club.JPG?h=da220768&itok=KeNNawHK 2x" media="all and (min-width: 768px)" type="image/jpeg" width="438" height="243"/> <source srcset="/sites/default/files/styles/featured_card_sm_1x/public/2024-11/seo_20241121_unna_science_club.JPG?h=da220768&itok=jkT6vhuF 1x, /sites/default/files/styles/featured_card_sm_2x/public/2024-11/seo_20241121_unna_science_club.JPG?h=da220768&itok=i-8Yz511 2x" media="all and (min-width: 640px)" type="image/jpeg" width="310" height="172"/> <source srcset="/sites/default/files/styles/featured_card_mobile_1x/public/2024-11/seo_20241121_unna_science_club.JPG?h=da220768&itok=8c-yt_3E 1x, /sites/default/files/styles/featured_card_mobile_2x/public/2024-11/seo_20241121_unna_science_club.JPG?h=da220768&itok=TVKdqq32 2x" type="image/jpeg" width="256" height="170"/> <img src="/sites/default/files/styles/featured_card_xl_1x/public/2024-11/seo_20241121_unna_science_club.JPG?h=da220768&itok=6uAO3Qws" width="352" height="204" alt="students looking at beehives." loading="lazy" typeof="foaf:Image" /> </picture> </figure> <div class="pt-3.5 lg:pt-3 px-2 pb-3.5 lg:pb-6 lg:px-6 flex flex-col space-y-3.5 "> <div class="card-type flex flex-row space-x-1.5 items-center"> <div class="rounded-full h-3.5 w-3.5 inline-block bg-beauregarde-violet"></div> <div class="font-body text-xs md:text-sm uppercase text-gray-700">Outreach Update</div> </div> <h3 class="font-body md:text-lg text-gray-900 font-bold leading-6 lg:line-clamp-3">Unna Junior High School Science Club</h3> <div class="card-text"> <div class="text-gray-900 text-lg line-clamp-4"> Honey & Coral Project </div> </div> </div> </a> </article> </div> </div> <div class="w-auto h-full xl:mx-0"> <div class="h-full bg-white p-3 lg:p-6 max-w-full"><article class="h-full"> <a class="border-beauregarde-violet border bg-white flex flex-col h-full " href="/outreach/update/science-class-okuma-elementary-school-kunigami-village"> <figure class="child-object-cover w-full flex-none "> <picture> <source srcset="/sites/default/files/styles/featured_card_xl_1x/public/2024-11/PB200636.JPG?h=19f14c2c&itok=xuNDyyQi 1x, /sites/default/files/styles/featured_card_xl_2x/public/2024-11/PB200636.JPG?h=19f14c2c&itok=wkt_tTeE 2x" media="all and (min-width: 1280px)" type="image/jpeg" width="352" height="204"/> <source srcset="/sites/default/files/styles/featured_card_lg_1x/public/2024-11/PB200636.JPG?h=19f14c2c&itok=tAckbgYr 1x, /sites/default/files/styles/featured_card_lg_2x/public/2024-11/PB200636.JPG?h=19f14c2c&itok=ZF7lRLVM 2x" media="all and (min-width: 1024px)" type="image/jpeg" width="329" height="182"/> <source srcset="/sites/default/files/styles/featured_card_md_1x/public/2024-11/PB200636.JPG?h=19f14c2c&itok=XsDzv9kW 1x, /sites/default/files/styles/featured_card_md_2x/public/2024-11/PB200636.JPG?h=19f14c2c&itok=SfKrvGx4 2x" media="all and (min-width: 768px)" type="image/jpeg" width="438" height="243"/> <source srcset="/sites/default/files/styles/featured_card_sm_1x/public/2024-11/PB200636.JPG?h=19f14c2c&itok=_p46T1Sw 1x, /sites/default/files/styles/featured_card_sm_2x/public/2024-11/PB200636.JPG?h=19f14c2c&itok=_vbfpHZx 2x" media="all and (min-width: 640px)" type="image/jpeg" width="310" height="172"/> <source srcset="/sites/default/files/styles/featured_card_mobile_1x/public/2024-11/PB200636.JPG?h=19f14c2c&itok=UpJTceBp 1x, /sites/default/files/styles/featured_card_mobile_2x/public/2024-11/PB200636.JPG?h=19f14c2c&itok=ezcj-xhW 2x" type="image/jpeg" width="256" height="170"/> <img src="/sites/default/files/styles/featured_card_xl_1x/public/2024-11/PB200636.JPG?h=19f14c2c&itok=xuNDyyQi" width="352" height="204" alt="レクチャーをしているOIST技術員" loading="lazy" typeof="foaf:Image" /> </picture> </figure> <div class="pt-3.5 lg:pt-3 px-2 pb-3.5 lg:pb-6 lg:px-6 flex flex-col space-y-3.5 "> <div class="card-type flex flex-row space-x-1.5 items-center"> <div class="rounded-full h-3.5 w-3.5 inline-block bg-beauregarde-violet"></div> <div class="font-body text-xs md:text-sm uppercase text-gray-700">Outreach Update</div> </div> <h3 class="font-body md:text-lg text-gray-900 font-bold leading-6 lg:line-clamp-3">Science Class at Okuma Elementary School in Kunigami Village</h3> <div class="card-text"> <div class="text-gray-900 text-lg line-clamp-4"> On Nobember 20, 2024, a science class was held at Okuma Elementary School, with 55 students prticipating. </div> </div> </div> </a> </article> </div> </div> <div class="w-auto h-full xl:mx-0"> <div class="h-full bg-white p-3 lg:p-6 max-w-full"><article class="h-full"> <a class="border-beauregarde-violet border bg-white flex flex-col h-full " href="/outreach/update/izena-junior-high-school-students-visited-oist"> <figure class="child-object-cover w-full flex-none "> <picture> <source srcset="/sites/default/files/styles/featured_card_xl_1x/public/2024-11/PB130638.JPG?h=19f14c2c&itok=XIG0nPBL 1x, /sites/default/files/styles/featured_card_xl_2x/public/2024-11/PB130638.JPG?h=19f14c2c&itok=4pV4XJGl 2x" media="all and (min-width: 1280px)" type="image/jpeg" width="352" height="204"/> <source srcset="/sites/default/files/styles/featured_card_lg_1x/public/2024-11/PB130638.JPG?h=19f14c2c&itok=5BXW8xMS 1x, /sites/default/files/styles/featured_card_lg_2x/public/2024-11/PB130638.JPG?h=19f14c2c&itok=m4TFSRgu 2x" media="all and (min-width: 1024px)" type="image/jpeg" width="329" height="182"/> <source srcset="/sites/default/files/styles/featured_card_md_1x/public/2024-11/PB130638.JPG?h=19f14c2c&itok=n4qUEg-_ 1x, /sites/default/files/styles/featured_card_md_2x/public/2024-11/PB130638.JPG?h=19f14c2c&itok=jqTDMo72 2x" media="all and (min-width: 768px)" type="image/jpeg" width="438" height="243"/> <source srcset="/sites/default/files/styles/featured_card_sm_1x/public/2024-11/PB130638.JPG?h=19f14c2c&itok=YYoi_s4b 1x, /sites/default/files/styles/featured_card_sm_2x/public/2024-11/PB130638.JPG?h=19f14c2c&itok=cyOsHMdz 2x" media="all and (min-width: 640px)" type="image/jpeg" width="310" height="172"/> <source srcset="/sites/default/files/styles/featured_card_mobile_1x/public/2024-11/PB130638.JPG?h=19f14c2c&itok=5Th6Q3nC 1x, /sites/default/files/styles/featured_card_mobile_2x/public/2024-11/PB130638.JPG?h=19f14c2c&itok=A7FyWTxK 2x" type="image/jpeg" width="256" height="170"/> <img src="/sites/default/files/styles/featured_card_xl_1x/public/2024-11/PB130638.JPG?h=19f14c2c&itok=XIG0nPBL" width="352" height="204" alt="伊是名中学校生徒の集合写真" loading="lazy" typeof="foaf:Image" /> </picture> </figure> <div class="pt-3.5 lg:pt-3 px-2 pb-3.5 lg:pb-6 lg:px-6 flex flex-col space-y-3.5 "> <div class="card-type flex flex-row space-x-1.5 items-center"> <div class="rounded-full h-3.5 w-3.5 inline-block bg-beauregarde-violet"></div> <div class="font-body text-xs md:text-sm uppercase text-gray-700">Outreach Update</div> </div> <h3 class="font-body md:text-lg text-gray-900 font-bold leading-6 lg:line-clamp-3">Izena Junior High School Students Visited OIST</h3> <div class="card-text"> <div class="text-gray-900 text-lg line-clamp-4"> Izena Junior High School students visited OIST on November 13, 2024. </div> </div> </div> </a> </article> </div> </div> </div> <div class="container-wide mt-15"> <div class="flex flex-row items-center justify-center"> <a id="3638" 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="/outreach/update" target="">View More</a> </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\/37548","currentPathIsAdmin":false,"isFront":true,"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="/libraries/slick-carousel/slick/slick.js?sndt5e"></script> <script src="/themes/custom/server_theme/dist/js/slick-carousel.js?sndt5e"></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>