
{"id":880,"date":"2025-12-15T15:12:52","date_gmt":"2025-12-15T06:12:52","guid":{"rendered":"https:\/\/www-nh.scphys.kyoto-u.ac.jp\/?page_id=880"},"modified":"2025-12-15T16:47:47","modified_gmt":"2025-12-15T07:47:47","slug":"strangeness","status":"publish","type":"page","link":"https:\/\/www-nh.scphys.kyoto-u.ac.jp\/en\/activity-wp\/strangeness\/","title":{"rendered":"Strangeness Nuclear Physics Group"},"content":{"rendered":"<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<!-- Google Fonts -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Montserrat:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n<!-- FontAwesome -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    \/* --- Base Styles --- *\/\r\n    \/* Use !important to override parent theme styles and ensure full-width layout *\/\r\n    #strangeness-wrapper {\r\n        font-family: 'Montserrat', sans-serif !important; \/* English primary font *\/\r\n        color: #333 !important;\r\n        line-height: 1.8 !important;\r\n        width: 100%;\r\n        max-width: 100%;\r\n        margin: 0 auto;\r\n        box-sizing: border-box !important;\r\n        background-color: #fff !important;\r\n        font-size: 16px !important;\r\n        text-align: left !important;\r\n        opacity: 0; \/* Hidden until JS loads *\/\r\n        transition: opacity 0.5s ease;\r\n    }\r\n    #strangeness-wrapper * { box-sizing: inherit !important; }\r\n    \r\n    :root {\r\n        --st-dark-blue: #0f172a;\r\n        --st-accent-blue: #38bdf8;\r\n        --st-accent-purple: #818cf8;\r\n        --st-text-gray: #94a3b8;\r\n    }\r\n\r\n    \/* --- Typography Reset --- *\/\r\n    #strangeness-wrapper h1, \r\n    #strangeness-wrapper h2, \r\n    #strangeness-wrapper h3, \r\n    #strangeness-wrapper h4, \r\n    #strangeness-wrapper h5, \r\n    #strangeness-wrapper h6 {\r\n        font-family: 'Montserrat', sans-serif !important;\r\n        margin-top: 0 !important;\r\n        line-height: 1.3 !important;\r\n    }\r\n    \r\n    #strangeness-wrapper h2 {\r\n        font-size: clamp(28px, 5vw, 42px) !important;\r\n        text-align: center !important;\r\n        margin-bottom: 50px !important;\r\n        font-weight: 700 !important;\r\n        letter-spacing: 0.05em !important;\r\n        color: #333 !important;\r\n    }\r\n    \r\n    #strangeness-wrapper h3 {\r\n        font-size: 24px !important;\r\n        margin-bottom: 20px !important;\r\n        font-weight: 700 !important;\r\n        border-left: 5px solid var(--st-accent-blue) !important;\r\n        padding-left: 15px !important;\r\n        color: #333 !important;\r\n    }\r\n    \r\n    #strangeness-wrapper p {\r\n        margin-bottom: 1.8em !important;\r\n        font-size: 16px !important;\r\n        color: #444 !important;\r\n    }\r\n\r\n    \/* --- Hero Section --- *\/\r\n    .st-hero {\r\n        position: relative;\r\n        height: 80vh;\r\n        min-height: 500px;\r\n        background: radial-gradient(circle at center, #1e293b 0%, #000000 100%);\r\n        color: #fff !important;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        text-align: center;\r\n        padding: 20px;\r\n        overflow: hidden;\r\n    }\r\n    \/* Star effect *\/\r\n    .st-hero::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background-image: \r\n            radial-gradient(white 1px, transparent 1px),\r\n            radial-gradient(rgba(255,255,255,0.5) 1px, transparent 1px);\r\n        background-size: 50px 50px, 100px 100px;\r\n        background-position: 0 0, 25px 25px;\r\n        opacity: 0.2;\r\n    }\r\n    \r\n    .st-hero-content {\r\n        position: relative;\r\n        z-index: 2;\r\n        max-width: 900px;\r\n    }\r\n    #strangeness-wrapper .st-hero h1 {\r\n        font-family: 'Montserrat', sans-serif !important;\r\n        font-size: clamp(40px, 8vw, 80px) !important;\r\n        font-weight: 700 !important;\r\n        margin-bottom: 20px !important;\r\n        background: linear-gradient(to right, #fff, #94a3b8);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        color: #fff !important; \/* fallback *\/\r\n        line-height: 1.1 !important;\r\n    }\r\n    #strangeness-wrapper .st-hero p {\r\n        font-size: clamp(16px, 4vw, 24px) !important;\r\n        color: var(--st-text-gray) !important;\r\n        font-weight: 300 !important;\r\n    }\r\n    .st-scroll-down {\r\n        margin-top: 50px;\r\n        font-size: 32px;\r\n        color: var(--st-accent-blue);\r\n        animation: bounce 2s infinite;\r\n    }\r\n    @keyframes bounce {\r\n        0%, 20%, 50%, 80%, 100% {transform: translateY(0);}\r\n        40% {transform: translateY(-10px);}\r\n        60% {transform: translateY(-5px);}\r\n    }\r\n\r\n    \/* --- Container --- *\/\r\n    .st-container {\r\n        max-width: 1100px;\r\n        margin: 0 auto;\r\n        padding: 100px 20px;\r\n    }\r\n\r\n    \/* --- Introduction Section --- *\/\r\n    .st-intro {\r\n        background: #fff;\r\n    }\r\n    .st-intro-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 60px;\r\n        align-items: center;\r\n    }\r\n    @media (max-width: 768px) {\r\n        .st-intro-grid { grid-template-columns: 1fr; gap: 30px; }\r\n    }\r\n    .st-img-box img {\r\n        width: 100%;\r\n        height: auto;\r\n        border-radius: 12px;\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n        display: block;\r\n    }\r\n    .st-img-caption {\r\n        font-size: 14px !important;\r\n        color: #666 !important;\r\n        text-align: center;\r\n        margin-top: 10px !important;\r\n        display: block;\r\n        font-style: italic;\r\n    }\r\n\r\n    \/* --- Why Hypernuclei? (Neutron Star) --- *\/\r\n    .st-neutron {\r\n        background: #0f172a;\r\n        color: #fff !important;\r\n        position: relative;\r\n    }\r\n    #strangeness-wrapper .st-neutron h2 { color: #fff !important; }\r\n    #strangeness-wrapper .st-neutron h3 { \r\n        border-color: var(--st-accent-purple) !important; \r\n        color: #fff !important; \r\n    }\r\n    #strangeness-wrapper .st-neutron p { color: #cbd5e1 !important; }\r\n    \r\n    \/* --- The Two Frontiers (JLab & J-PARC) --- *\/\r\n    .st-frontiers {\r\n        background: #f8fafc;\r\n    }\r\n    .st-frontier-card {\r\n        background: #fff;\r\n        border-radius: 16px;\r\n        overflow: hidden;\r\n        box-shadow: 0 10px 25px rgba(0,0,0,0.05);\r\n        margin-bottom: 60px;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n    @media (min-width: 768px) {\r\n        .st-frontier-card { flex-direction: row; align-items: stretch; }\r\n        .st-frontier-card:nth-child(even) { flex-direction: row-reverse; }\r\n        .st-card-img { width: 50%; min-height: 400px; }\r\n        .st-card-content { width: 50%; padding: 50px; }\r\n    }\r\n    .st-card-img {\r\n        width: 100%;\r\n        min-height: 300px; \/* For mobile *\/\r\n        background-size: cover;\r\n        background-position: center;\r\n    }\r\n    .st-card-content {\r\n        padding: 30px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n    }\r\n    .st-badge {\r\n        display: inline-block;\r\n        padding: 5px 15px;\r\n        border-radius: 50px;\r\n        font-size: 14px;\r\n        font-weight: bold;\r\n        margin-bottom: 20px;\r\n        width: fit-content;\r\n    }\r\n    .bg-jlab { background-color: #e0f2fe; color: #0284c7; }\r\n    .bg-jparc { background-color: #fee2e2; color: #dc2626; }\r\n\r\n    \/* --- Student Life \/ Global --- *\/\r\n    .st-global {\r\n        background: #fff;\r\n        text-align: center;\r\n    }\r\n    .st-photo-frame {\r\n        padding: 15px;\r\n        background: #fff;\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n        transform: rotate(-2deg);\r\n        max-width: 650px;\r\n        margin: 0 auto 40px auto;\r\n        border: 1px solid #eee;\r\n    }\r\n    .st-photo-frame img { width: 100%; display: block; }\r\n    \r\n    \/* --- Q&A Section --- *\/\r\n    .st-faq {\r\n        background: #f1f5f9;\r\n        padding: 80px 20px;\r\n    }\r\n    .st-faq-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n        gap: 30px;\r\n        max-width: 1000px;\r\n        margin: 0 auto;\r\n    }\r\n    .st-faq-item {\r\n        background: #fff;\r\n        padding: 30px;\r\n        border-radius: 12px;\r\n        box-shadow: 0 4px 6px rgba(0,0,0,0.02);\r\n        border-top: 4px solid var(--st-accent-purple);\r\n    }\r\n    .st-faq-q {\r\n        font-weight: bold;\r\n        font-size: 18px;\r\n        color: #333;\r\n        margin-bottom: 15px;\r\n        display: flex;\r\n        align-items: center;\r\n        line-height: 1.4;\r\n    }\r\n    .st-faq-q i { color: var(--st-accent-purple); margin-right: 10px; font-size: 20px; flex-shrink: 0; }\r\n\r\n    \/* --- Contact Section (Improved) --- *\/\r\n    .st-contact {\r\n        background: #fff;\r\n        text-align: center;\r\n    }\r\n    .st-contact-card {\r\n        background: #fff;\r\n        border: 1px solid #e2e8f0;\r\n        border-radius: 12px;\r\n        padding: 40px;\r\n        max-width: 700px;\r\n        margin: 0 auto;\r\n        box-shadow: 0 10px 25px rgba(0,0,0,0.05);\r\n    }\r\n    .st-contact-img {\r\n        width: 100px;\r\n        height: 100px;\r\n        border-radius: 50%;\r\n        background-color: #f1f5f9;\r\n        margin: 0 auto 20px auto;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 40px;\r\n        color: #94a3b8;\r\n        overflow: hidden;\r\n    }\r\n    .st-contact-name {\r\n        font-size: 24px !important;\r\n        font-weight: bold;\r\n        color: #003366;\r\n        margin-bottom: 5px !important;\r\n    }\r\n    .st-contact-role {\r\n        font-size: 15px !important;\r\n        color: #666 !important;\r\n        margin-bottom: 20px !important;\r\n        line-height: 1.5 !important;\r\n    }\r\n    .st-contact-role span {\r\n        color: #003366;\r\n        font-weight: bold;\r\n    }\r\n    .st-contact-role .lab-link {\r\n        color: #666;\r\n        text-decoration: none !important;\r\n        display: inline-block;\r\n        border-bottom: 1px solid transparent;\r\n        transition: 0.3s;\r\n    }\r\n    .st-contact-role .lab-link:hover {\r\n        color: #003366;\r\n        border-bottom: 1px solid #003366;\r\n    }\r\n    \r\n    .st-contact-email {\r\n        background: #f8fafc;\r\n        padding: 10px 20px;\r\n        border-radius: 50px;\r\n        font-family: 'Roboto Mono', monospace;\r\n        font-size: 16px !important;\r\n        color: #333 !important;\r\n        display: inline-block;\r\n        margin-bottom: 20px;\r\n        border: 1px solid #cbd5e1;\r\n    }\r\n    .st-contact-links {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 20px;\r\n        margin-top: 10px;\r\n        flex-wrap: wrap;\r\n    }\r\n    .st-icon-link {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        text-decoration: none !important;\r\n        color: #475569 !important;\r\n        font-size: 14px !important;\r\n        padding: 8px 16px;\r\n        border-radius: 6px;\r\n        background: #f1f5f9;\r\n        transition: 0.3s;\r\n    }\r\n    .st-icon-link:hover {\r\n        background: #e2e8f0;\r\n        color: #003366 !important;\r\n    }\r\n    \r\n    \/* Visualization of Hierarchy *\/\r\n    .role-tree {\r\n        display: inline-block;\r\n        text-align: left;\r\n        margin-bottom: 10px;\r\n    }\r\n    .role-parent {\r\n        margin-bottom: 5px;\r\n        display: block;\r\n    }\r\n    .role-child {\r\n        padding-left: 20px;\r\n        position: relative;\r\n        display: block;\r\n        color: #003366;\r\n        font-weight: bold;\r\n    }\r\n    .role-child::before {\r\n        content: '\u2514';\r\n        position: absolute;\r\n        left: 0;\r\n        color: #ccc;\r\n    }\r\n\r\n    \/* --- Call to Action --- *\/\r\n    .st-cta {\r\n        background: linear-gradient(135deg, var(--st-dark-blue), #1e1b4b);\r\n        color: #fff !important;\r\n        text-align: center;\r\n        padding: 100px 20px;\r\n    }\r\n    #strangeness-wrapper .st-cta h2 { color: #fff !important; margin-bottom: 20px !important; }\r\n    #strangeness-wrapper .st-cta p { color: #cbd5e1 !important; font-size: 18px !important; max-width: 700px; margin: 0 auto 30px auto; }\r\n    \r\n    .st-btn {\r\n        display: inline-block;\r\n        padding: 15px 50px;\r\n        font-size: 18px !important;\r\n        font-weight: bold;\r\n        color: #fff !important;\r\n        background: linear-gradient(90deg, var(--st-accent-blue), var(--st-accent-purple));\r\n        border-radius: 50px;\r\n        text-decoration: none !important;\r\n        transition: transform 0.3s, box-shadow 0.3s;\r\n        box-shadow: 0 4px 15px rgba(56, 189, 248, 0.3);\r\n    }\r\n    .st-btn:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 15px 30px rgba(56, 189, 248, 0.5);\r\n    }\r\n\r\n    \/* --- Animation Utility --- *\/\r\n    .fade-up {\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        transition: opacity 0.8s ease-out, transform 0.8s ease-out;\r\n    }\r\n    .fade-up.visible {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"strangeness-wrapper\">\r\n\r\n    <!-- 1. Hero Section -->\r\n    <div class=\"st-hero\">\r\n        <div class=\"st-hero-content\">\r\n            <h1>Unlocking the Universe<br>with Strangeness<\/h1>\r\n            <p>From Quarks to Neutron Stars.<\/p>\r\n        <\/div>\r\n        <div class=\"st-scroll-down\"><i class=\"fa-solid fa-chevron-down\"><\/i><\/div>\r\n    <\/div>\r\n\r\n    <!-- 2. Introduction: What is Strangeness? -->\r\n    <section class=\"st-intro st-container\">\r\n        <div class=\"st-intro-grid\">\r\n            <div class=\"fade-up\">\r\n                <h2>What is Strangeness?<\/h2>\r\n                <p>\r\n                    Everything around us is made of atoms, which consist of electrons and a nucleus. The nucleus is composed of protons and neutrons, which are built from two types of quarks: <strong>Up (u)<\/strong> and <strong>Down (d)<\/strong>.\r\n                <\/p>\r\n                <p>\r\n                    However, nature holds a third type of quark: the <strong>Strange (s) quark<\/strong>.\r\n                    When a particle containing an s-quark (a hyperon) is embedded into a nucleus, it forms a <strong>\"Hypernucleus\"<\/strong>.\r\n                    By creating these hypernuclei in the laboratory, we can explore the deep mysteries of nuclear forces and the origin of matter, which are invisible in our ordinary world.\r\n                <\/p>\r\n            <\/div>\r\n            <div class=\"st-img-box fade-up\">\r\n                <img decoding=\"async\" src=\"https:\/\/www-nh.scphys.kyoto-u.ac.jp\/wordpress\/wp-content\/uploads\/2025\/12\/Hypernucleus_and_NS2.jpg\" alt=\"Hypernucleus Concept\">\r\n                <span class=\"st-img-caption\">Fig: A Hypernucleus containing a Lambda particle (with an s-quark).<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 3. Connection to the Universe -->\r\n    <section class=\"st-neutron\">\r\n        <div class=\"st-container\">\r\n            <div class=\"st-intro-grid\">\r\n                <div class=\"st-img-box fade-up\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www-nh.scphys.kyoto-u.ac.jp\/wordpress\/wp-content\/uploads\/2025\/12\/HY_in_NS2.jpg\" alt=\"Neutron Star\">\r\n                <\/div>\r\n                <div class=\"fade-up\">\r\n                    <h2>From Micro to Macro<\/h2>\r\n                    <p>\r\n                        Hypernuclear physics is not just about the microscopic world. It is the key to understanding the <strong>Neutron Stars<\/strong>\u2014giant laboratories in the universe.\r\n                    <\/p>\r\n                    <p>\r\n                        Neutron stars, the remnants of massive stars, possess ultra-high density cores where hyperons are believed to exist.\r\n                        By precisely measuring the interactions between particles in hypernuclei on Earth, we aim to unravel the internal structure of neutron stars. This research is a hot topic in modern physics, closely linked with gravitational wave astronomy.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 4. Two Frontiers (JLab & J-PARC) -->\r\n    <section class=\"st-frontiers st-container\">\r\n        <h2 class=\"fade-up\" style=\"margin-bottom:60px;\">Two Frontiers<\/h2>\r\n        <p class=\"fade-up\" style=\"text-align:center; max-width:800px; margin:0 auto 60px auto; font-size: 18px !important;\">\r\n            We conduct research at two of the world's leading accelerator facilities in the US and Japan.<br>\r\n            Our strengths lie in \"The world's highest precision electron beam\" and \"The world's highest intensity hadron beam.\"\r\n        <\/p>\r\n\r\n        <!-- JLab Card -->\r\n        <div class=\"st-frontier-card fade-up\">\r\n            <div class=\"st-card-img\" style=\"background-image: url('https:\/\/www-nh.scphys.kyoto-u.ac.jp\/wordpress\/wp-content\/uploads\/2022\/04\/e05115_group.gif');\"><\/div>\r\n            <div class=\"st-card-content\">\r\n                <span class=\"st-badge bg-jlab\">USA \/ Jefferson Lab<\/span>\r\n                <h3>Precision Spectroscopy with Electron Beams<\/h3>\r\n                <p>\r\n                    Using the high-quality electron beam at Thomas Jefferson National Accelerator Facility (JLab), we measure the mass of hypernuclei with ultimate precision.\r\n                    We have independently developed high-resolution magnetic spectrometers (HES\/HKS) and are leading international collaborations.\r\n                <\/p>\r\n                <p>\r\n                    <strong>Key Projects:<\/strong><br>\r\n                    <i class=\"fa-solid fa-check\" style=\"color:var(--st-accent-blue);\"><\/i> Solving the Hypertriton Puzzle (E12-19-002)<br>\r\n                    <i class=\"fa-solid fa-check\" style=\"color:var(--st-accent-blue);\"><\/i> Verification of Charge Symmetry Breaking (CSB)\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- J-PARC Card -->\r\n        <div class=\"st-frontier-card fade-up\">\r\n            <div class=\"st-card-img\" style=\"background-image: url('https:\/\/www-nh.scphys.kyoto-u.ac.jp\/wordpress\/wp-content\/uploads\/2025\/12\/s-2s_photo_2.jpg');\"><\/div>\r\n            <div class=\"st-card-content\">\r\n                <span class=\"st-badge bg-jparc\">JAPAN \/ J-PARC<\/span>\r\n                <h3>New Frontiers with Hadron Beams<\/h3>\r\n                <p>\r\n                    At the J-PARC high-intensity proton accelerator facility in Ibaraki, Japan, we explore \"Double Strangeness Systems\" (such as \u039e-hypernuclei) containing two strange quarks.\r\n                    We have constructed the new S-2S spectrometer to challenge uncharted territories.\r\n                <\/p>\r\n                <p>\r\n                    <strong>Key Projects:<\/strong><br>\r\n                    <i class=\"fa-solid fa-check\" style=\"color:#dc2626;\"><\/i> Missing-mass spectroscopy of \u039e-hypernuclei (E70)<br>\r\n                    <i class=\"fa-solid fa-check\" style=\"color:#dc2626;\"><\/i> CSB study in p-shell hypernuclei (E94)\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 5. Student Life & Global -->\r\n    <section class=\"st-global st-container\">\r\n        <div class=\"fade-up\">\r\n            <h2>Global & Active Research<\/h2>\r\n            <div class=\"st-photo-frame\">\r\n                <img decoding=\"async\" src=\"https:\/\/www-nh.scphys.kyoto-u.ac.jp\/wordpress\/wp-content\/themes\/wppackage\/assets\/img\/activity-wp\/hypernucleusphysics\/img_hypernucleusphysics_ct02.jpg\" alt=\"Lab Activity\">\r\n            <\/div>\r\n            <p style=\"max-width:800px; margin:0 auto; font-size:18px !important;\">\r\n                Our research group promotes international collaborations led by students.<br>\r\n                Experimental shifts at JLab, detector development, and discussions with overseas researchers.<br>\r\n                This environment allows you to acquire practical skills to succeed globally while touching the forefront of physics.<br>\r\n                We welcome students with a passion for conducting experiments abroad and operating large-scale apparatus.\r\n            <\/p>\r\n        <\/div>\r\n    <\/section>\r\n    \r\n    <!-- 6. Q&A for International Students (New!) -->\r\n    <section class=\"st-faq\">\r\n        <h2 style=\"text-align:center; margin-bottom:40px;\">Q&A for International Students\/Postdocs<\/h2>\r\n        <div class=\"st-faq-grid fade-up\">\r\n            <!-- Q1 -->\r\n            <div class=\"st-faq-item\">\r\n                <div class=\"st-faq-q\"><i class=\"fa-solid fa-circle-question\"><\/i> Is there support for living in Japan?<\/div>\r\n                <p>\r\n                    Yes, absolutely! The \r\n                    <a href=\"https:\/\/kuiso.oc.kyoto-u.ac.jp\/en\/\" target=\"_blank\" style=\"color:var(--st-accent-purple); text-decoration:underline;\">Kyoto University International Office (KUISO)<\/a>\r\n                    provides extensive support for housing, visas, and daily life. You can focus on your research with peace of mind.\r\n                <\/p>\r\n            <\/div>\r\n            <!-- Q2 -->\r\n            <div class=\"st-faq-item\">\r\n                <div class=\"st-faq-q\"><i class=\"fa-solid fa-circle-question\"><\/i> Are meetings held in Japanese?<\/div>\r\n                <p>\r\n                    Research meetings and discussions can be conducted in English. \r\n                    Since most of our members are involved in international collaborations, daily communication in English is perfectly fine.\r\n                    We welcome diverse backgrounds!\r\n                <\/p>\r\n            <\/div>\r\n            <!-- Q3 -->\r\n            <div class=\"st-faq-item\">\r\n                <div class=\"st-faq-q\"><i class=\"fa-solid fa-circle-question\"><\/i> Opportunities for students\/postdocs?<\/div>\r\n                <p>\r\n                    We actively recruit talented students and postdocs. You will have opportunities to lead projects at JLab and J-PARC.\r\n                    Please contact us if you are interested in joining our quest to unlock the universe!\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    \r\n    <!-- 7. Contact Info (Added) -->\r\n    <section class=\"st-contact st-container\">\r\n        <h2 class=\"fade-up\">Contact<\/h2>\r\n        <div class=\"st-contact-card fade-up\">\r\n            <!-- Image Placeholder -->\r\n            <!-- <div class=\"st-contact-img\"><i class=\"fa-solid fa-user\"><\/i><\/div> -->\r\n            <div class=\"st-contact-img\"><img decoding=\"async\" src=\"https:\/\/www-nh.scphys.kyoto-u.ac.jp\/wordpress\/wp-content\/uploads\/2025\/12\/Toshiyuki_Gogami_.jpg\"><\/div>\r\n            <div class=\"st-contact-name\">Toshiyuki GOGAMI<\/div>\r\n            <div class=\"st-contact-role\">\r\n                <div class=\"role-tree\">\r\n                    <a href=\"https:\/\/www-nh.scphys.kyoto-u.ac.jp\/\" target=\"_blank\" class=\"role-parent lab-link\">\r\n                        <i class=\"fa-solid fa-link\"><\/i> Nuclear and Hadron Physics Laboratory, Kyoto Univ.\r\n                    <\/a>\r\n                    <span class=\"role-child\">Strangeness Nuclear Physics Group \/ Lecturer<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"st-contact-email\">\r\n                <i class=\"fa-regular fa-envelope\"><\/i> gogami.toshiyuki.4a[at]kyoto-u.ac.jp\r\n            <\/div>\r\n            \r\n            <div class=\"st-contact-links\">\r\n                <a href=\"https:\/\/kdb.iimc.kyoto-u.ac.jp\/profile_private\/en.a91acac09d2b7b4f.html\" target=\"_blank\" class=\"st-icon-link\">\r\n                    <i class=\"fa-solid fa-building-columns\"><\/i> Kyoto Univ. DB\r\n                <\/a>\r\n                <a href=\"https:\/\/researchmap.jp\/gogami?lang=en\" target=\"_blank\" class=\"st-icon-link\">\r\n                    <i class=\"fa-solid fa-book-open\"><\/i> Researchmap\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 8. Call to Action -->\r\n    <div class=\"st-cta\">\r\n        <div class=\"fade-up\">\r\n            <h2>Join Our Quest<\/h2>\r\n            <p>\r\n                For the latest news, publications, and member information,<br>\r\n                please visit our group website.\r\n            <\/p>\r\n            <a href=\"https:\/\/www-nh.scphys.kyoto-u.ac.jp\/KSgroup\/\" class=\"st-btn\">\r\n                Visit Group Website <i class=\"fa-solid fa-arrow-right-long\"><\/i>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- Auto Full-Width Script -->\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        \/\/ Animation Observer\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('visible');\r\n                }\r\n            });\r\n        }, { threshold: 0.1 });\r\n        document.querySelectorAll('.fade-up').forEach(el => observer.observe(el));\r\n        \r\n        \/\/ Scroll button\r\n        const scrollBtn = document.querySelector('.st-scroll-down');\r\n        if(scrollBtn){\r\n            scrollBtn.addEventListener('click', function() {\r\n                document.querySelector('.st-intro').scrollIntoView({ behavior: 'smooth' });\r\n            });\r\n        }\r\n\r\n        \/\/ Full Width Breakout Logic\r\n        function breakout() {\r\n            const el = document.getElementById('strangeness-wrapper');\r\n            if (!el) return;\r\n            \r\n            \/\/ Calculate full width ignoring parent styles\r\n            const docWidth = document.documentElement.clientWidth;\r\n            const elRect = el.getBoundingClientRect();\r\n            const offsetLeft = elRect.left;\r\n            \r\n            el.style.width = docWidth + 'px';\r\n            el.style.marginLeft = '-' + offsetLeft + 'px';\r\n            el.style.opacity = '1'; \/\/ Show after calculation\r\n        }\r\n\r\n        \/\/ Run on load and resize\r\n        breakout();\r\n        window.addEventListener('resize', breakout);\r\n        setTimeout(breakout, 500);\r\n    });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>","protected":false},"excerpt":{"rendered":"<p>Unlocking the Universewith Strangeness From Quarks to Neutron Stars. What is Strangeness? Everything around us [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":94,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_locale":"en_US","_original_post":"https:\/\/www-nh.scphys.kyoto-u.ac.jp\/?page_id=874","footnotes":""},"class_list":["post-880","page","type-page","status-publish","hentry","en-US"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www-nh.scphys.kyoto-u.ac.jp\/wp-json\/wp\/v2\/pages\/880","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-nh.scphys.kyoto-u.ac.jp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www-nh.scphys.kyoto-u.ac.jp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www-nh.scphys.kyoto-u.ac.jp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www-nh.scphys.kyoto-u.ac.jp\/wp-json\/wp\/v2\/comments?post=880"}],"version-history":[{"count":0,"href":"https:\/\/www-nh.scphys.kyoto-u.ac.jp\/wp-json\/wp\/v2\/pages\/880\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www-nh.scphys.kyoto-u.ac.jp\/wp-json\/wp\/v2\/pages\/94"}],"wp:attachment":[{"href":"https:\/\/www-nh.scphys.kyoto-u.ac.jp\/wp-json\/wp\/v2\/media?parent=880"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}