グローバルヘッダー／Global header
Science TokyoのWebサイトで共通で利用することを想定したヘッダーです。
<header class="g-header" data-js-header=""> <div class="c-globalHeader"> <div class="c-globalHeader__title"> <a class="c-globalHeader__logo" href="/"> <svg width="233" height="48" viewBox="0 0 233 48" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M33.7095 1.11523C19.3904 1.11523 7.46761 5.25243 0.771859 10.8604C0.390242 11.187 0.118652 11.6222 0.118652 12.2211V22.5651C0.118652 22.3478 0.281607 22.1842 0.60891 21.9119C9.80955 14.508 21.7867 12.2754 33.7095 12.2754V1.11523Z" fill="currentColor" ></path> <path d="M33.7095 34.9561V24.5801C33.7095 24.8524 33.2193 24.961 32.4574 25.0153C20.0987 25.7779 8.28448 29.5884 0.118652 35.4136V47.6086C7.71275 42.3663 18.7463 37.8746 29.2109 36.3928C29.3397 36.3767 31.8961 36.0035 32.2158 35.9547C32.6051 35.8955 33.4108 35.8092 33.6455 35.2994C33.6949 35.1929 33.7102 35.0522 33.7095 34.9561Z" fill="currentColor" ></path> <path d="M33.7095 24.581C33.7095 24.3087 33.4372 24.0364 33.0013 23.7098C27.3118 19.7425 20.1808 16.9327 11.9628 15.6172C7.88823 17.0942 4.05323 19.1409 0.60891 21.9131C0.281607 22.1854 0.118652 22.3491 0.118652 22.5663C0.118652 22.7843 0.227287 22.8393 0.66323 22.8936C6.0261 23.4647 12.2588 24.8874 17.9921 27.3546C22.5903 26.1262 27.4797 25.3233 32.4574 25.0162C33.2193 24.9619 33.7095 24.8533 33.7095 24.581Z" fill="#7F96C2" ></path> <path d="M51.2493 10.324H49.7061V1.11513H51.2493V10.324ZM53.3461 3.56916H54.7451C54.7716 3.85955 54.7848 4.30802 54.7848 4.66386H54.8113C55.2326 3.87279 55.9847 3.41109 56.8956 3.41109C58.6372 3.41109 59.2438 4.59841 59.2438 6.41875V10.324H57.7925V7.02598C57.7925 5.65411 57.6999 4.63811 56.5 4.63811C55.9318 4.63811 55.4304 5.00719 55.1274 5.5615C54.9297 5.93058 54.8377 6.44521 54.8377 7.18407V10.324H53.399V5.61444C53.399 4.92849 53.399 4.21609 53.3461 3.56916ZM60.7863 10.1395L60.8789 8.88602C61.4332 9.18965 62.0001 9.33448 62.514 9.33448C63.1477 9.33448 63.663 9.04409 63.663 8.5037C63.663 8.00231 63.3726 7.77808 62.3559 7.34284C61.1818 6.84145 60.7466 6.3526 60.7466 5.42918C60.7466 4.17571 61.7236 3.41109 63.1609 3.41109C63.7549 3.41109 64.3218 3.50301 64.771 3.68756L64.6387 4.87557C64.1373 4.62487 63.6756 4.53225 63.2006 4.53225C62.6205 4.53225 62.1714 4.80942 62.1714 5.31081C62.1714 5.81221 62.4875 6.00997 63.3726 6.3526C64.546 6.82821 65.1136 7.35538 65.1136 8.38463C65.1136 9.7565 64.0718 10.4828 62.6066 10.4828C61.9471 10.4828 61.3796 10.377 60.7863 10.1395ZM67.0384 8.08171V4.73072H65.8385V3.5824H67.0516V2.07822L68.4368 1.60329V3.5824H70.0865V4.73072H68.4368V7.67223C68.4368 8.75371 68.6081 9.2558 69.4528 9.2558C69.7035 9.2558 69.9284 9.20287 70.1262 9.12349L70.1659 10.2976C69.8623 10.4034 69.4925 10.4696 69.0962 10.4696C67.5273 10.4696 67.0384 9.5984 67.0384 8.08171ZM73.1067 2.31569H71.5628V0.772511H73.1067V2.31569ZM73.0677 10.324H71.6025V3.56916H73.0677V10.324ZM75.5865 8.08171V4.73072H74.386V3.5824H75.5998V2.07822L76.9856 1.60329V3.5824H78.6346V4.73072H76.9856V7.67223C76.9856 8.75371 77.1569 9.2558 78.0009 9.2558C78.2516 9.2558 78.4759 9.20287 78.6736 9.12349L78.7133 10.2976C78.4097 10.4034 78.0406 10.4696 77.6451 10.4696C76.0747 10.4696 75.5865 9.5984 75.5865 8.08171ZM80.0448 7.81778V3.56916H81.4835V6.9863C81.4835 8.38463 81.6674 9.24256 82.79 9.24256C83.7781 9.24256 84.4251 8.21332 84.4251 6.99952V3.56916H85.8763V8.17362C85.8763 9.01834 85.9028 9.7565 85.955 10.324H84.5839C84.5442 10.0469 84.5177 9.69104 84.5177 9.2558H84.4912C84.1611 9.95497 83.4487 10.4828 82.3143 10.4828C80.9292 10.4828 80.0448 9.48003 80.0448 7.81778ZM88.3555 8.08171V4.73072H87.1549V3.5824H88.368V2.07822L89.7538 1.60329V3.5824H91.4036V4.73072H89.7538V7.67223C89.7538 8.75371 89.9258 9.2558 90.7692 9.2558C91.0205 9.2558 91.2448 9.20287 91.4426 9.12349L91.4823 10.2976C91.1786 10.4034 90.8088 10.4696 90.414 10.4696C88.8436 10.4696 88.3555 9.5984 88.3555 8.08171ZM92.4314 6.90761C92.4314 4.82264 93.6981 3.41109 95.5714 3.41109C97.3528 3.41109 98.3814 4.53225 98.3814 6.93336C98.3814 7.11792 98.3688 7.25023 98.3549 7.38184H93.9084C93.9481 8.55594 94.7671 9.28226 95.9927 9.28226C96.7191 9.28226 97.3131 9.11025 97.8799 8.76763L97.9329 10.0733C97.366 10.3505 96.6397 10.4828 95.8618 10.4828C93.7246 10.4828 92.4314 9.14995 92.4314 6.90761ZM95.5317 4.50579C94.6745 4.50579 94.0011 5.08658 93.9084 6.30036H96.944C96.944 5.07334 96.3758 4.50579 95.5317 4.50579ZM102.654 6.9466C102.654 4.83588 104.039 3.41109 106.019 3.41109C107.998 3.41109 109.383 4.83588 109.383 6.9466C109.383 9.05733 107.998 10.4828 106.019 10.4828C104.039 10.4828 102.654 9.05733 102.654 6.9466ZM107.853 6.9466C107.853 5.50858 107.14 4.59841 106.019 4.59841C104.897 4.59841 104.184 5.50858 104.184 6.9466C104.184 8.38463 104.897 9.2948 106.019 9.2948C107.14 9.2948 107.853 8.38463 107.853 6.9466ZM110.213 4.73072V3.5824H111.638V3.02807C111.638 1.28644 112.258 0.296875 113.867 0.296875C114.223 0.296875 114.54 0.336573 114.831 0.41597L114.712 1.61653C114.501 1.53713 114.29 1.49743 114.052 1.49743C113.326 1.49743 113.076 1.93267 113.076 3.00161V3.5824H114.738V4.73072H113.076V10.324H111.638V4.73072H110.213ZM59.1052 18.0434L58.8231 20.9647C57.4394 20.4006 56.3377 20.1959 55.2611 20.1959C53.3906 20.1959 52.2117 20.9898 52.2117 22.2203C52.2117 23.322 52.8015 24.0135 55.39 24.9619C58.6442 26.1409 60.0279 27.6778 60.0279 30.3171C60.0279 33.8025 57.5676 35.9034 53.4164 35.9034C51.7507 35.9034 50.188 35.6479 48.7269 35.1346L49.0605 31.9828C50.5466 32.7259 51.9812 33.0079 53.2117 33.0079C55.1845 33.0079 56.4143 32.2133 56.4143 30.7788C56.4143 29.4208 55.6713 28.7029 53.032 27.7036C49.9059 26.5511 48.5737 25.1158 48.5737 22.5789C48.5737 19.4013 51.11 17.4027 54.851 17.4027C56.4143 17.4027 57.7215 17.5817 59.1052 18.0434ZM75.0176 32.0852L75.12 35.1862C74.1207 35.5706 72.7878 35.7753 71.3281 35.7753C65.9722 35.7753 62.6407 32.4445 62.6407 26.6534C62.6407 20.8616 65.9722 17.5309 71.1234 17.5309C72.583 17.5309 73.7105 17.6332 75.0176 18.1458L74.8122 21.246C73.6847 20.6569 72.7119 20.4522 71.379 20.4522C68.4061 20.4522 66.459 22.3484 66.459 26.5511C66.459 30.7788 68.5092 32.7774 71.4047 32.7774C72.6861 32.7774 73.7627 32.6235 75.0176 32.0852ZM82.1409 35.5963H78.5538V17.7098H82.1409V35.5963ZM86.446 35.5963V17.7098H96.6188V20.6827H89.9822V24.9619H96.2852V27.909H89.9822V32.5977H96.7727V35.5963H86.446ZM110.686 31.7781L110.532 17.7098H113.787V35.5963H109.251L103.434 21.4515H103.383L103.537 35.5963H100.308V17.7098H104.895L110.661 31.7781H110.686ZM129.494 32.0852L129.596 35.1862C128.598 35.5706 127.265 35.7753 125.804 35.7753C120.449 35.7753 117.117 32.4445 117.117 26.6534C117.117 20.8616 120.449 17.5309 125.599 17.5309C127.06 17.5309 128.187 17.6332 129.494 18.1458L129.289 21.246C128.162 20.6569 127.187 20.4522 125.855 20.4522C122.883 20.4522 120.935 22.3484 120.935 26.5511C120.935 30.7788 122.985 32.7774 125.88 32.7774C127.162 32.7774 128.238 32.6235 129.494 32.0852ZM133.029 35.5963V17.7098H143.202V20.6827H136.566V24.9619H142.869V27.909H136.566V32.5977H143.356V35.5963H133.029ZM163.803 17.7098V20.7593L158.91 20.7342V35.5963H155.271V20.7342L150.376 20.7593V17.7098H163.803ZM181.971 26.6534C181.971 32.5469 178.716 35.9034 173.592 35.9034C168.442 35.9034 165.188 32.5469 165.188 26.6534C165.188 20.7593 168.442 17.4027 173.592 17.4027C178.716 17.4027 181.971 20.7593 181.971 26.6534ZM169.031 26.6534C169.031 31.0608 170.824 33.1103 173.592 33.1103C176.36 33.1103 178.154 31.0608 178.154 26.6534C178.154 22.2453 176.36 20.1959 173.592 20.1959C170.824 20.1959 169.031 22.2453 169.031 26.6534ZM188.941 26.909V35.5963H185.354V17.7098H188.941V25.5511H188.992L194.271 17.7098H198.448L192.349 26.0636L199.857 35.5963H195.347L188.992 26.909H188.941ZM199.318 17.7098H203.316L207.006 25.2948H207.057L210.849 17.7098H214.719L208.8 28.4981V35.5963H205.212V28.549L199.318 17.7098ZM232.323 26.6534C232.323 32.5469 229.068 35.9034 223.944 35.9034C218.793 35.9034 215.539 32.5469 215.539 26.6534C215.539 20.7593 218.793 17.4027 223.944 17.4027C229.068 17.4027 232.323 20.7593 232.323 26.6534ZM219.383 26.6534C219.383 31.0608 221.176 33.1103 223.944 33.1103C226.711 33.1103 228.505 31.0608 228.505 26.6534C228.505 22.2453 226.711 20.1959 223.944 20.1959C221.176 20.1959 219.383 22.2453 219.383 26.6534Z" fill="currentColor" ></path> </svg> <span class="c-globalHeader__label">サイト名</span> </a> </div> </div>
<div class="c-globalNavigation"> <div class="c-globalNavigation__header"> <ul class="c-globalNavigation__navList"> <li> <a href="#">グローバルメニュー</a> </li>
<li> <a href="#">グローバルメニュー</a> </li>
<li> <a href="#">グローバルメニュー</a> </li>
<li> <a href="#">グローバルメニュー</a> </li>
<li> <a href="#">グローバルメニュー</a> </li> </ul> <button class="c-globalNavigation__button" aria-expanded="false" aria-controls="menu" data-js-menubtn="" > <svg class="icon icon-menu" aria-hidden="true" role="img"> <use xlink:href="/assets/img/sprite.svg#menu"></use> </svg> <svg class="icon icon-close" aria-hidden="true" role="img"> <use xlink:href="/assets/img/sprite.svg#close"></use> </svg> <span class="label">Menu</span> </button> </div> <div class="c-globalNavigation__inner"> <div class="c-globalNavigation__body"> <nav id="menu" class="c-globalNavigation__navMenu"> <ul class="c-globalNavigation__category"> <li> <a class="c-globalNavigation__categoryLink" href=""> グローバルメニュー <svg class="icon" aria-hidden="true" role="img"> <use xlink:href="/assets/img/sprite.svg#chevron_right"></use> </svg> </a> <ul class="c-globalNavigation__lower"> <li> <a href="">メニュー</a> </li>
<li> <a href="">メニュー</a> </li>
<li> <a href="">メニュー</a> </li>
<li> <a href="">メニュー</a> </li>
<li> <a href="">メニュー</a> </li> </ul> </li>
<li> <a class="c-globalNavigation__categoryLink" href=""> グローバルメニュー <svg class="icon" aria-hidden="true" role="img"> <use xlink:href="/assets/img/sprite.svg#chevron_right"></use> </svg> </a> <ul class="c-globalNavigation__lower"> <li> <a href="">メニュー</a> </li>
<li> <a href="">メニュー</a> </li>
<li> <a href="">メニュー</a> </li>
<li> <a href="">メニュー</a> </li>
<li> <a href="">メニュー</a> </li> </ul> </li>
<li> <a class="c-globalNavigation__categoryLink" href=""> グローバルメニュー <svg class="icon" aria-hidden="true" role="img"> <use xlink:href="/assets/img/sprite.svg#chevron_right"></use> </svg> </a> <ul class="c-globalNavigation__lower"> <li> <a href="">メニュー</a> </li>
<li> <a href="">メニュー</a> </li>
<li> <a href="">メニュー</a> </li>
<li> <a href="">メニュー</a> </li>
<li> <a href="">メニュー</a> </li> </ul> </li>
<li> <a class="c-globalNavigation__categoryLink" href=""> グローバルメニュー <svg class="icon" aria-hidden="true" role="img"> <use xlink:href="/assets/img/sprite.svg#chevron_right"></use> </svg> </a> <ul class="c-globalNavigation__lower"> <li> <a href="">メニュー</a> </li>
<li> <a href="">メニュー</a> </li>
<li> <a href="">メニュー</a> </li>
<li> <a href="">メニュー</a> </li>
<li> <a href="">メニュー</a> </li> </ul> </li>
<li> <a class="c-globalNavigation__categoryLink" href=""> グローバルメニュー <svg class="icon" aria-hidden="true" role="img"> <use xlink:href="/assets/img/sprite.svg#chevron_right"></use> </svg> </a> <ul class="c-globalNavigation__lower"> <li> <a href="">メニュー</a> </li>
<li> <a href="">メニュー</a> </li>
<li> <a href="">メニュー</a> </li>
<li> <a href="">メニュー</a> </li>
<li> <a href="">メニュー</a> </li> </ul> </li> </ul> </nav> <div class="c-globalNavigation__subMenu"> <ul class="c-globalNavigation__subMenuLink"> <li> <a href="">サブメニュー</a> </li>
<li> <a href="">サブメニュー</a> </li>
<li> <a href="">サブメニュー</a> </li> </ul> <div class="c-globalNavigation__search"> <button class="c-globalNavigation__searchBtn" type="button" aria-expanded="false" aria-controls="search_popup" data-js-search="" > <svg class="icon" aria-hidden="true" role="img"> <use xlink:href="/assets/img/sprite.svg#search"></use> </svg> 検索 </button> <div class="c-globalNavigation__searchPopup" id="search_popup"> <p id="search_label" class="popup_label">サイト内検索</p> <div class="popup_input"> <form action=""> <input type="text" name="search" id="search" placeholder="検索キーワードを入力" aria-labelledby="search_label" /> <button type="submit" aria-label="検索ボタン"> <svg class="icon" aria-hidden="true" role="img"> <use xlink:href="/assets/img/sprite.svg#search"></use> </svg> </button> </form> </div> <button class="popup_close" type="button" aria-label="検索メニューを閉じる" data-js-search-close="" > <svg class="icon" aria-hidden="true" role="img"> <use xlink:href="/assets/img/sprite.svg#close"></use> </svg> </button> </div> <div></div> </div> <div class="c-globalNavigation__lang"> <svg class="icon" aria-hidden="true" role="img"> <use xlink:href="/assets/img/sprite.svg#language"></use> </svg> <ul> <li> <span class="is-current">日本語</span> </li> <li> <a href="">English</a> </li> </ul> </div> </div> </div> <div class="c-globalNavigation__footer"> <ul class="c-globalNavigation__footerNav"> <li> <a href=""> <svg class="icon" aria-hidden="true" role="img"> <use xlink:href="/assets/img/sprite.svg#home-fill"></use> </svg> Science Tokyo </a> </li> <li> <a href="">受験生</a> </li> <li> <a href="">企業パートナー</a> </li> <li> <a href="">在学生</a> </li> <li> <a href="">病院をご利用の方</a> </li> </ul> <div class="c-globalNavigation__footerSub"> <ul class="sublink__list"> <li> <a href="">アクセス</a> </li> <li> <a href="">資料請求</a> </li> <li> <a href="">総合お問い合わせ</a> </li> </ul> <div class="c-globalNavigation__sitemap"> <a href="">Science Toykoサイトマップ</a> </div> <ul class="c-globalNavigation__snsLink"> <li> <a href=""> <svg class="icon" aria-hidden="true" role="img"> <use xlink:href="/assets/img/sprite.svg#BrandFacebook"></use> </svg> </a> </li> <li> <a href=""> <svg class="icon" aria-hidden="true" role="img"> <use xlink:href="/assets/img/sprite.svg#BrandX"></use> </svg> </a> </li> <li> <a href=""> <svg class="icon" aria-hidden="true" role="img"> <use xlink:href="/assets/img/sprite.svg#BrandLinkedin"></use> </svg> </a> </li> <li> <a href=""> <svg class="icon" aria-hidden="true" role="img"> <use xlink:href="/assets/img/sprite.svg#BrandYoutube"></use> </svg> </a> </li> <li> <a href=""> <svg class="icon" aria-hidden="true" role="img"> <use xlink:href="/assets/img/sprite.svg#BrandInstagram"></use> </svg> </a> </li> </ul> </div> </div> </div> </div></header>英語表示
<!-- en --><header class="g-header" data-js-header=""> <div class="c-globalHeader"> <div class="c-globalHeader__title"> <a class="c-globalHeader__logo" href="/"> <svg width="233" height="48" viewBox="0 0 233 48" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M33.7095 1.11523C19.3904 1.11523 7.46761 5.25243 0.771859 10.8604C0.390242 11.187 0.118652 11.6222 0.118652 12.2211V22.5651C0.118652 22.3478 0.281607 22.1842 0.60891 21.9119C9.80955 14.508 21.7867 12.2754 33.7095 12.2754V1.11523Z" fill="currentColor" ></path> <path d="M33.7095 34.9561V24.5801C33.7095 24.8524 33.2193 24.961 32.4574 25.0153C20.0987 25.7779 8.28448 29.5884 0.118652 35.4136V47.6086C7.71275 42.3663 18.7463 37.8746 29.2109 36.3928C29.3397 36.3767 31.8961 36.0035 32.2158 35.9547C32.6051 35.8955 33.4108 35.8092 33.6455 35.2994C33.6949 35.1929 33.7102 35.0522 33.7095 34.9561Z" fill="currentColor" ></path> <path d="M33.7095 24.581C33.7095 24.3087 33.4372 24.0364 33.0013 23.7098C27.3118 19.7425 20.1808 16.9327 11.9628 15.6172C7.88823 17.0942 4.05323 19.1409 0.60891 21.9131C0.281607 22.1854 0.118652 22.3491 0.118652 22.5663C0.118652 22.7843 0.227287 22.8393 0.66323 22.8936C6.0261 23.4647 12.2588 24.8874 17.9921 27.3546C22.5903 26.1262 27.4797 25.3233 32.4574 25.0162C33.2193 24.9619 33.7095 24.8533 33.7095 24.581Z" fill="#7F96C2" ></path> <path d="M51.2493 10.324H49.7061V1.11513H51.2493V10.324ZM53.3461 3.56916H54.7451C54.7716 3.85955 54.7848 4.30802 54.7848 4.66386H54.8113C55.2326 3.87279 55.9847 3.41109 56.8956 3.41109C58.6372 3.41109 59.2438 4.59841 59.2438 6.41875V10.324H57.7925V7.02598C57.7925 5.65411 57.6999 4.63811 56.5 4.63811C55.9318 4.63811 55.4304 5.00719 55.1274 5.5615C54.9297 5.93058 54.8377 6.44521 54.8377 7.18407V10.324H53.399V5.61444C53.399 4.92849 53.399 4.21609 53.3461 3.56916ZM60.7863 10.1395L60.8789 8.88602C61.4332 9.18965 62.0001 9.33448 62.514 9.33448C63.1477 9.33448 63.663 9.04409 63.663 8.5037C63.663 8.00231 63.3726 7.77808 62.3559 7.34284C61.1818 6.84145 60.7466 6.3526 60.7466 5.42918C60.7466 4.17571 61.7236 3.41109 63.1609 3.41109C63.7549 3.41109 64.3218 3.50301 64.771 3.68756L64.6387 4.87557C64.1373 4.62487 63.6756 4.53225 63.2006 4.53225C62.6205 4.53225 62.1714 4.80942 62.1714 5.31081C62.1714 5.81221 62.4875 6.00997 63.3726 6.3526C64.546 6.82821 65.1136 7.35538 65.1136 8.38463C65.1136 9.7565 64.0718 10.4828 62.6066 10.4828C61.9471 10.4828 61.3796 10.377 60.7863 10.1395ZM67.0384 8.08171V4.73072H65.8385V3.5824H67.0516V2.07822L68.4368 1.60329V3.5824H70.0865V4.73072H68.4368V7.67223C68.4368 8.75371 68.6081 9.2558 69.4528 9.2558C69.7035 9.2558 69.9284 9.20287 70.1262 9.12349L70.1659 10.2976C69.8623 10.4034 69.4925 10.4696 69.0962 10.4696C67.5273 10.4696 67.0384 9.5984 67.0384 8.08171ZM73.1067 2.31569H71.5628V0.772511H73.1067V2.31569ZM73.0677 10.324H71.6025V3.56916H73.0677V10.324ZM75.5865 8.08171V4.73072H74.386V3.5824H75.5998V2.07822L76.9856 1.60329V3.5824H78.6346V4.73072H76.9856V7.67223C76.9856 8.75371 77.1569 9.2558 78.0009 9.2558C78.2516 9.2558 78.4759 9.20287 78.6736 9.12349L78.7133 10.2976C78.4097 10.4034 78.0406 10.4696 77.6451 10.4696C76.0747 10.4696 75.5865 9.5984 75.5865 8.08171ZM80.0448 7.81778V3.56916H81.4835V6.9863C81.4835 8.38463 81.6674 9.24256 82.79 9.24256C83.7781 9.24256 84.4251 8.21332 84.4251 6.99952V3.56916H85.8763V8.17362C85.8763 9.01834 85.9028 9.7565 85.955 10.324H84.5839C84.5442 10.0469 84.5177 9.69104 84.5177 9.2558H84.4912C84.1611 9.95497 83.4487 10.4828 82.3143 10.4828C80.9292 10.4828 80.0448 9.48003 80.0448 7.81778ZM88.3555 8.08171V4.73072H87.1549V3.5824H88.368V2.07822L89.7538 1.60329V3.5824H91.4036V4.73072H89.7538V7.67223C89.7538 8.75371 89.9258 9.2558 90.7692 9.2558C91.0205 9.2558 91.2448 9.20287 91.4426 9.12349L91.4823 10.2976C91.1786 10.4034 90.8088 10.4696 90.414 10.4696C88.8436 10.4696 88.3555 9.5984 88.3555 8.08171ZM92.4314 6.90761C92.4314 4.82264 93.6981 3.41109 95.5714 3.41109C97.3528 3.41109 98.3814 4.53225 98.3814 6.93336C98.3814 7.11792 98.3688 7.25023 98.3549 7.38184H93.9084C93.9481 8.55594 94.7671 9.28226 95.9927 9.28226C96.7191 9.28226 97.3131 9.11025 97.8799 8.76763L97.9329 10.0733C97.366 10.3505 96.6397 10.4828 95.8618 10.4828C93.7246 10.4828 92.4314 9.14995 92.4314 6.90761ZM95.5317 4.50579C94.6745 4.50579 94.0011 5.08658 93.9084 6.30036H96.944C96.944 5.07334 96.3758 4.50579 95.5317 4.50579ZM102.654 6.9466C102.654 4.83588 104.039 3.41109 106.019 3.41109C107.998 3.41109 109.383 4.83588 109.383 6.9466C109.383 9.05733 107.998 10.4828 106.019 10.4828C104.039 10.4828 102.654 9.05733 102.654 6.9466ZM107.853 6.9466C107.853 5.50858 107.14 4.59841 106.019 4.59841C104.897 4.59841 104.184 5.50858 104.184 6.9466C104.184 8.38463 104.897 9.2948 106.019 9.2948C107.14 9.2948 107.853 8.38463 107.853 6.9466ZM110.213 4.73072V3.5824H111.638V3.02807C111.638 1.28644 112.258 0.296875 113.867 0.296875C114.223 0.296875 114.54 0.336573 114.831 0.41597L114.712 1.61653C114.501 1.53713 114.29 1.49743 114.052 1.49743C113.326 1.49743 113.076 1.93267 113.076 3.00161V3.5824H114.738V4.73072H113.076V10.324H111.638V4.73072H110.213ZM59.1052 18.0434L58.8231 20.9647C57.4394 20.4006 56.3377 20.1959 55.2611 20.1959C53.3906 20.1959 52.2117 20.9898 52.2117 22.2203C52.2117 23.322 52.8015 24.0135 55.39 24.9619C58.6442 26.1409 60.0279 27.6778 60.0279 30.3171C60.0279 33.8025 57.5676 35.9034 53.4164 35.9034C51.7507 35.9034 50.188 35.6479 48.7269 35.1346L49.0605 31.9828C50.5466 32.7259 51.9812 33.0079 53.2117 33.0079C55.1845 33.0079 56.4143 32.2133 56.4143 30.7788C56.4143 29.4208 55.6713 28.7029 53.032 27.7036C49.9059 26.5511 48.5737 25.1158 48.5737 22.5789C48.5737 19.4013 51.11 17.4027 54.851 17.4027C56.4143 17.4027 57.7215 17.5817 59.1052 18.0434ZM75.0176 32.0852L75.12 35.1862C74.1207 35.5706 72.7878 35.7753 71.3281 35.7753C65.9722 35.7753 62.6407 32.4445 62.6407 26.6534C62.6407 20.8616 65.9722 17.5309 71.1234 17.5309C72.583 17.5309 73.7105 17.6332 75.0176 18.1458L74.8122 21.246C73.6847 20.6569 72.7119 20.4522 71.379 20.4522C68.4061 20.4522 66.459 22.3484 66.459 26.5511C66.459 30.7788 68.5092 32.7774 71.4047 32.7774C72.6861 32.7774 73.7627 32.6235 75.0176 32.0852ZM82.1409 35.5963H78.5538V17.7098H82.1409V35.5963ZM86.446 35.5963V17.7098H96.6188V20.6827H89.9822V24.9619H96.2852V27.909H89.9822V32.5977H96.7727V35.5963H86.446ZM110.686 31.7781L110.532 17.7098H113.787V35.5963H109.251L103.434 21.4515H103.383L103.537 35.5963H100.308V17.7098H104.895L110.661 31.7781H110.686ZM129.494 32.0852L129.596 35.1862C128.598 35.5706 127.265 35.7753 125.804 35.7753C120.449 35.7753 117.117 32.4445 117.117 26.6534C117.117 20.8616 120.449 17.5309 125.599 17.5309C127.06 17.5309 128.187 17.6332 129.494 18.1458L129.289 21.246C128.162 20.6569 127.187 20.4522 125.855 20.4522C122.883 20.4522 120.935 22.3484 120.935 26.5511C120.935 30.7788 122.985 32.7774 125.88 32.7774C127.162 32.7774 128.238 32.6235 129.494 32.0852ZM133.029 35.5963V17.7098H143.202V20.6827H136.566V24.9619H142.869V27.909H136.566V32.5977H143.356V35.5963H133.029ZM163.803 17.7098V20.7593L158.91 20.7342V35.5963H155.271V20.7342L150.376 20.7593V17.7098H163.803ZM181.971 26.6534C181.971 32.5469 178.716 35.9034 173.592 35.9034C168.442 35.9034 165.188 32.5469 165.188 26.6534C165.188 20.7593 168.442 17.4027 173.592 17.4027C178.716 17.4027 181.971 20.7593 181.971 26.6534ZM169.031 26.6534C169.031 31.0608 170.824 33.1103 173.592 33.1103C176.36 33.1103 178.154 31.0608 178.154 26.6534C178.154 22.2453 176.36 20.1959 173.592 20.1959C170.824 20.1959 169.031 22.2453 169.031 26.6534ZM188.941 26.909V35.5963H185.354V17.7098H188.941V25.5511H188.992L194.271 17.7098H198.448L192.349 26.0636L199.857 35.5963H195.347L188.992 26.909H188.941ZM199.318 17.7098H203.316L207.006 25.2948H207.057L210.849 17.7098H214.719L208.8 28.4981V35.5963H205.212V28.549L199.318 17.7098ZM232.323 26.6534C232.323 32.5469 229.068 35.9034 223.944 35.9034C218.793 35.9034 215.539 32.5469 215.539 26.6534C215.539 20.7593 218.793 17.4027 223.944 17.4027C229.068 17.4027 232.323 20.7593 232.323 26.6534ZM219.383 26.6534C219.383 31.0608 221.176 33.1103 223.944 33.1103C226.711 33.1103 228.505 31.0608 228.505 26.6534C228.505 22.2453 226.711 20.1959 223.944 20.1959C221.176 20.1959 219.383 22.2453 219.383 26.6534Z" fill="currentColor" ></path> </svg> <span class="c-globalHeader__label">Site name</span> </a> </div> </div>
<div class="c-globalNavigation"> <div class="c-globalNavigation__header"> <ul class="c-globalNavigation__navList"> <li> <a href="#">Global menu</a> </li>
<li> <a href="#">Global menu</a> </li>
<li> <a href="#">Global menu</a> </li>
<li> <a href="#">Global menu</a> </li>
<li> <a href="#">Global menu</a> </li> </ul> <button class="c-globalNavigation__button" aria-expanded="false" aria-controls="menu" data-js-menubtn="" > <svg class="icon icon-menu" aria-hidden="true" role="img"> <use xlink:href="/assets/img/sprite.svg#menu"></use> </svg> <svg class="icon icon-close" aria-hidden="true" role="img"> <use xlink:href="/assets/img/sprite.svg#close"></use> </svg> <span class="label">Menu</span> </button> </div> <div class="c-globalNavigation__inner"> <div class="c-globalNavigation__body"> <nav id="menu" class="c-globalNavigation__navMenu"> <ul class="c-globalNavigation__category"> <li> <a class="c-globalNavigation__categoryLink" href=""> Global menu <svg class="icon" aria-hidden="true" role="img"> <use xlink:href="/assets/img/sprite.svg#chevron_right"></use> </svg> </a> <ul class="c-globalNavigation__lower"> <li> <a href="">Menu</a> </li>
<li> <a href="">Menu</a> </li>
<li> <a href="">Menu</a> </li>
<li> <a href="">Menu</a> </li>
<li> <a href="">Menu</a> </li> </ul> </li>
<li> <a class="c-globalNavigation__categoryLink" href=""> Global menu <svg class="icon" aria-hidden="true" role="img"> <use xlink:href="/assets/img/sprite.svg#chevron_right"></use> </svg> </a> <ul class="c-globalNavigation__lower"> <li> <a href="">Menu</a> </li>
<li> <a href="">Menu</a> </li>
<li> <a href="">Menu</a> </li>
<li> <a href="">Menu</a> </li>
<li> <a href="">Menu</a> </li> </ul> </li>
<li> <a class="c-globalNavigation__categoryLink" href=""> Global menu <svg class="icon" aria-hidden="true" role="img"> <use xlink:href="/assets/img/sprite.svg#chevron_right"></use> </svg> </a> <ul class="c-globalNavigation__lower"> <li> <a href="">Menu</a> </li>
<li> <a href="">Menu</a> </li>
<li> <a href="">Menu</a> </li>
<li> <a href="">Menu</a> </li>
<li> <a href="">Menu</a> </li> </ul> </li>
<li> <a class="c-globalNavigation__categoryLink" href=""> Global menu <svg class="icon" aria-hidden="true" role="img"> <use xlink:href="/assets/img/sprite.svg#chevron_right"></use> </svg> </a> <ul class="c-globalNavigation__lower"> <li> <a href="">Menu</a> </li>
<li> <a href="">Menu</a> </li>
<li> <a href="">Menu</a> </li>
<li> <a href="">Menu</a> </li>
<li> <a href="">Menu</a> </li> </ul> </li>
<li> <a class="c-globalNavigation__categoryLink" href=""> Global menu <svg class="icon" aria-hidden="true" role="img"> <use xlink:href="/assets/img/sprite.svg#chevron_right"></use> </svg> </a> <ul class="c-globalNavigation__lower"> <li> <a href="">Menu</a> </li>
<li> <a href="">Menu</a> </li>
<li> <a href="">Menu</a> </li>
<li> <a href="">Menu</a> </li>
<li> <a href="">Menu</a> </li> </ul> </li> </ul> </nav> <div class="c-globalNavigation__subMenu"> <ul class="c-globalNavigation__subMenuLink"> <li> <a href="">Submenu</a> </li>
<li> <a href="">Submenu</a> </li>
<li> <a href="">Submenu</a> </li> </ul> <div class="c-globalNavigation__search"> <button class="c-globalNavigation__searchBtn" type="button" aria-expanded="false" aria-controls="search_popup" data-js-search="" > <svg class="icon" aria-hidden="true" role="img"> <use xlink:href="/assets/img/sprite.svg#search"></use> </svg> Search </button> <div class="c-globalNavigation__searchPopup" id="search_popup"> <p id="search_label" class="popup_label">Site search</p> <div class="popup_input"> <form action=""> <input type="text" name="search" id="search" placeholder="Keywords" aria-labelledby="search_label" /> <button type="submit" aria-label="Send"> <svg class="icon" aria-hidden="true" role="img"> <use xlink:href="/assets/img/sprite.svg#search"></use> </svg> </button> </form> </div> <button class="popup_close" type="button" aria-label="Close" data-js-search-close="" > <svg class="icon" aria-hidden="true" role="img"> <use xlink:href="/assets/img/sprite.svg#close"></use> </svg> </button> </div> <div></div> </div> <div class="c-globalNavigation__lang"> <svg class="icon" aria-hidden="true" role="img"> <use xlink:href="/assets/img/sprite.svg#language"></use> </svg> <ul> <li> <span class="is-current">日本語</span> </li> <li> <a href="">English</a> </li> </ul> </div> </div> </div> <div class="c-globalNavigation__footer"> <ul class="c-globalNavigation__footerNav"> <li> <a href=""> <svg class="icon" aria-hidden="true" role="img"> <use xlink:href="/assets/img/sprite.svg#home-fill"></use> </svg> Science Tokyo </a> </li> <li> <a href="">Prospective students</a> </li> <li> <a href="">Partners and entrepreneurs</a> </li> <li> <a href="">Current students</a> </li> <li> <a href="">Hospital</a> </li> </ul> <div class="c-globalNavigation__footerSub"> <ul class="sublink__list"> <li> <a href="">Access</a> </li> <li> <a href="">Request documents</a> </li> <li> <a href="">General inquiries</a> </li> </ul> <div class="c-globalNavigation__sitemap"> <a href="">Science Toyko Sitemap</a> </div> <ul class="c-globalNavigation__snsLink"> <li> <a href=""> <svg class="icon" aria-hidden="true" role="img"> <use xlink:href="/assets/img/sprite.svg#BrandFacebook"></use> </svg> </a> </li> <li> <a href=""> <svg class="icon" aria-hidden="true" role="img"> <use xlink:href="/assets/img/sprite.svg#BrandX"></use> </svg> </a> </li> <li> <a href=""> <svg class="icon" aria-hidden="true" role="img"> <use xlink:href="/assets/img/sprite.svg#BrandLinkedin"></use> </svg> </a> </li> <li> <a href=""> <svg class="icon" aria-hidden="true" role="img"> <use xlink:href="/assets/img/sprite.svg#BrandYoutube"></use> </svg> </a> </li> <li> <a href=""> <svg class="icon" aria-hidden="true" role="img"> <use xlink:href="/assets/img/sprite.svg#BrandInstagram"></use> </svg> </a> </li> </ul> </div> </div> </div> </div></header>原則
- isct.ac.jpドメイン内で公開するScience TokyoのWebサイトで必ず利用することを想定しています。。
- グローバルヘッダーナビゲーションと組み合わせて利用する必要があります。
- 全ての要素の見た目、機能を変更せずに、ページの最上部に表示します。
- サイト名の表示が必要な場合、Science Tokyoロゴマークとは別に指定のテキストで表示します。
- サイト名の表示位置はScience Tokyoロゴマークの右ですが、画面幅により収まらない場合はロゴマーク下の決められた位置に表示されます。
- 学内関係者は、ロゴマークとサイト名の併記について「スペースがない場合の併記パターン」を必ず確認してください。
- サブメニューは、サイトごとに指定可能ですが、検索・言語切り替えは固定メニューです。
- サブメニューの項目数は可変です。テキスト量やレイアウトへの影響を鑑みて設定してください。
- 日本語／Englishの切り替えでいずれかの言語が選択されているステータスとなります。選択中の言語が太字で表現されます。