<!DOCTYPE html><html lang="ja" dir="ltr"><head><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#e65100"/><meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"/><meta charSet="utf-8"/><title>Hello Next.js</title><meta name="next-head-count" content="3"/><link rel="preload" href="/_next/static/BNacjYJPrHaR5itAoGvyW/pages/index.js" as="script"/><link rel="preload" href="/_next/static/BNacjYJPrHaR5itAoGvyW/pages/_app.js" as="script"/><link rel="preload" href="/_next/static/runtime/webpack-b65cab0b00afd201cbda.js" as="script"/><link rel="preload" href="/_next/static/chunks/framework.05dc921f3b31e4511d49.js" as="script"/><link rel="preload" href="/_next/static/chunks/commons.51a13eac0d8463e88213.js" as="script"/><link rel="preload" href="/_next/static/chunks/324b3e8faaa3b2f6ee53180bfcacc556d1206e7c.a421a0728f151e42732e.js" as="script"/><link rel="preload" href="/_next/static/chunks/42baa4a6080ac9f365fcbc1b93e845bf87e12c61.f91e5151f66c5cbe1940.js" as="script"/><link rel="preload" href="/_next/static/chunks/a3cfa6eebe3761ad9b137323750e064f95b52b7c.75b60a3296c939757adf.js" as="script"/><link rel="preload" href="/_next/static/runtime/main-a88012f1833bc2d88746.js" as="script"/><style id="jss-server-side">.MuiTypography-root { margin: 0; } .MuiTypography-body2 { font-size: 0.875rem; font-family: sans-serif; font-weight: 400; line-height: 1.43; } .MuiTypography-body1 { font-size: 1rem; font-family: sans-serif; font-weight: 400; line-height: 1.5; } .MuiTypography-caption { font-size: 0.75rem; font-family: sans-serif; font-weight: 400; line-height: 1.66; } .MuiTypography-button { font-size: 0.875rem; font-family: sans-serif; font-weight: 500; line-height: 1.75; text-transform: uppercase; } .MuiTypography-h1 { font-size: 6rem; font-family: sans-serif; font-weight: 300; line-height: 1.167; } .MuiTypography-h2 { font-size: 3.75rem; font-family: sans-serif; font-weight: 300; line-height: 1.2; } .MuiTypography-h3 { font-size: 3rem; font-family: sans-serif; font-weight: 400; line-height: 1.167; } .MuiTypography-h4 { font-size: 2.125rem; font-family: sans-serif; font-weight: 400; line-height: 1.235; } .MuiTypography-h5 { font-size: 1.5rem; font-family: sans-serif; font-weight: 400; line-height: 1.334; } .MuiTypography-h6 { font-size: 1.25rem; font-family: sans-serif; font-weight: 500; line-height: 1.6; } .MuiTypography-subtitle1 { font-size: 1rem; font-family: sans-serif; font-weight: 400; line-height: 1.75; } .MuiTypography-subtitle2 { font-size: 0.875rem; font-family: sans-serif; font-weight: 500; line-height: 1.57; } .MuiTypography-overline { font-size: 0.75rem; font-family: sans-serif; font-weight: 400; line-height: 2.66; text-transform: uppercase; } .MuiTypography-srOnly { width: 1px; height: 1px; overflow: hidden; position: absolute; } .MuiTypography-alignLeft { text-align: left; } .MuiTypography-alignCenter { text-align: center; } .MuiTypography-alignRight { text-align: right; } .MuiTypography-alignJustify { text-align: justify; } .MuiTypography-noWrap { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .MuiTypography-gutterBottom { margin-bottom: 0.35em; } .MuiTypography-paragraph { margin-bottom: 16px; } .MuiTypography-colorInherit { color: inherit; } .MuiTypography-colorPrimary { color: #e65100; } .MuiTypography-colorSecondary { color: #26a69a; } .MuiTypography-colorTextPrimary { color: rgba(0, 0, 0, 0.87); } .MuiTypography-colorTextSecondary { color: rgba(0, 0, 0, 0.54); } .MuiTypography-colorError { color: #f44336; } .MuiTypography-displayInline { display: inline; } .MuiTypography-displayBlock { display: block; } .MuiLink-underlineNone { text-decoration: none; } .MuiLink-underlineHover { text-decoration: none; } .MuiLink-underlineHover:hover { text-decoration: underline; } .MuiLink-underlineAlways { text-decoration: underline; } .MuiLink-button { border: 0; cursor: pointer; margin: 0; outline: 0; padding: 0; position: relative; user-select: none; border-radius: 0; vertical-align: middle; -moz-appearance: none; background-color: transparent; -webkit-appearance: none; -webkit-tap-highlight-color: transparent; } .MuiLink-button::-moz-focus-inner { border-style: none; } .MuiLink-button.Mui-focusVisible { outline: auto; } .jss76 { padding-top: 48px; } .MuiContainer-root { width: 100%; box-sizing: border-box; margin-left: auto; margin-right: auto; padding-left: 16px; padding-right: 16px; } @media (min-width:600px) { .MuiContainer-root { padding-left: 24px; padding-right: 24px; } } @media (min-width:960px) { .MuiContainer-root { padding-left: 32px; padding-right: 32px; } } .MuiContainer-disableGutters { padding-left: 0; padding-right: 0; } @media (min-width:600px) { .MuiContainer-fixed { max-width: 600px; } } @media (min-width:960px) { .MuiContainer-fixed { max-width: 960px; } } @media (min-width:1280px) { .MuiContainer-fixed { max-width: 1280px; } } @media (min-width:1920px) { .MuiContainer-fixed { max-width: 1920px; } } @media (min-width:0px) { .MuiContainer-maxWidthXs { max-width: 444px; } } @media (min-width:600px) { .MuiContainer-maxWidthSm { max-width: 600px; } } @media (min-width:960px) { .MuiContainer-maxWidthMd { max-width: 960px; } } @media (min-width:1280px) { .MuiContainer-maxWidthLg { max-width: 1280px; } } @media (min-width:1920px) { .MuiContainer-maxWidthXl { max-width: 1920px; } } .MuiPaper-root { color: rgba(0, 0, 0, 0.87); transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; background-color: #fff; } .MuiPaper-rounded { border-radius: 4px; } .MuiPaper-outlined { border: 1px solid rgba(0, 0, 0, 0.12); } .MuiPaper-elevation0 { box-shadow: none; } .MuiPaper-elevation1 { box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12); } .MuiPaper-elevation2 { box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12); } .MuiPaper-elevation3 { box-shadow: 0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12); } .MuiPaper-elevation4 { box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12); } .MuiPaper-elevation5 { box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12); } .MuiPaper-elevation6 { box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12); } .MuiPaper-elevation7 { box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12); } .MuiPaper-elevation8 { box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12); } .MuiPaper-elevation9 { box-shadow: 0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12); } .MuiPaper-elevation10 { box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12); } .MuiPaper-elevation11 { box-shadow: 0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12); } .MuiPaper-elevation12 { box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12); } .MuiPaper-elevation13 { box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12); } .MuiPaper-elevation14 { box-shadow: 0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12); } .MuiPaper-elevation15 { box-shadow: 0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12); } .MuiPaper-elevation16 { box-shadow: 0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12); } .MuiPaper-elevation17 { box-shadow: 0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12); } .MuiPaper-elevation18 { box-shadow: 0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12); } .MuiPaper-elevation19 { box-shadow: 0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12); } .MuiPaper-elevation20 { box-shadow: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12); } .MuiPaper-elevation21 { box-shadow: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12); } .MuiPaper-elevation22 { box-shadow: 0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12); } .MuiPaper-elevation23 { box-shadow: 0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12); } .MuiPaper-elevation24 { box-shadow: 0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12); } .MuiAppBar-root { width: 100%; display: flex; z-index: 1100; box-sizing: border-box; flex-shrink: 0; flex-direction: column; } .MuiAppBar-positionFixed { top: 0; left: auto; right: 0; position: fixed; } @media print { .MuiAppBar-positionFixed { position: absolute; } } .MuiAppBar-positionAbsolute { top: 0; left: auto; right: 0; position: absolute; } .MuiAppBar-positionSticky { top: 0; left: auto; right: 0; position: sticky; } .MuiAppBar-positionStatic { position: static; transform: translateZ(0); } .MuiAppBar-positionRelative { position: relative; } .MuiAppBar-colorDefault { color: rgba(0, 0, 0, 0.87); background-color: #f5f5f5; } .MuiAppBar-colorPrimary { color: #fff; background-color: #e65100; } .MuiAppBar-colorSecondary { color: #fff; background-color: #26a69a; } .jss71 { width: 100%; bottom: 0; height: 2px; position: absolute; transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } .jss72 { background-color: #e65100; } .jss73 { background-color: #26a69a; } .jss74 { right: 0; width: 2px; height: 100%; } .MuiSvgIcon-root { fill: currentColor; width: 1em; height: 1em; display: inline-block; font-size: 1.5rem; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; flex-shrink: 0; user-select: none; } .MuiSvgIcon-colorPrimary { color: #e65100; } .MuiSvgIcon-colorSecondary { color: #26a69a; } .MuiSvgIcon-colorAction { color: rgba(0, 0, 0, 0.54); } .MuiSvgIcon-colorError { color: #f44336; } .MuiSvgIcon-colorDisabled { color: rgba(0, 0, 0, 0.26); } .MuiSvgIcon-fontSizeInherit { font-size: inherit; } .MuiSvgIcon-fontSizeSmall { font-size: 1.25rem; } .MuiSvgIcon-fontSizeLarge { font-size: 2.1875rem; } .MuiButtonBase-root { color: inherit; border: 0; cursor: pointer; margin: 0; display: inline-flex; outline: 0; padding: 0; position: relative; align-items: center; user-select: none; border-radius: 0; vertical-align: middle; -moz-appearance: none; justify-content: center; text-decoration: none; background-color: transparent; -webkit-appearance: none; -webkit-tap-highlight-color: transparent; } .MuiButtonBase-root::-moz-focus-inner { border-style: none; } .MuiButtonBase-root.Mui-disabled { cursor: default; pointer-events: none; } .MuiTabs-root { display: flex; overflow: hidden; min-height: 48px; -webkit-overflow-scrolling: touch; } .MuiTabs-vertical { flex-direction: column; } .MuiTabs-flexContainer { display: flex; } .MuiTabs-flexContainerVertical { flex-direction: column; } .MuiTabs-centered { justify-content: center; } .MuiTabs-scroller { flex: 1 1 auto; display: inline-block; position: relative; white-space: nowrap; } .MuiTabs-fixed { width: 100%; overflow-x: hidden; } .MuiTabs-scrollable { overflow-x: scroll; scrollbar-width: none; } .MuiTabs-scrollable::-webkit-scrollbar { display: none; } @media (max-width:599.95px) { .MuiTabs-scrollButtonsDesktop { display: none; } } .MuiTab-root { padding: 6px 12px; overflow: hidden; position: relative; font-size: 0.875rem; max-width: 264px; min-width: 72px; box-sizing: border-box; min-height: 48px; text-align: center; flex-shrink: 0; font-family: sans-serif; font-weight: 500; line-height: 1.75; white-space: normal; text-transform: uppercase; } @media (min-width:600px) { .MuiTab-root { min-width: 160px; } } .MuiTab-labelIcon { min-height: 72px; padding-top: 9px; } .MuiTab-labelIcon .MuiTab-wrapper > *:first-child { margin-bottom: 6px; } .MuiTab-textColorInherit { color: inherit; opacity: 0.7; } .MuiTab-textColorInherit.Mui-selected { opacity: 1; } .MuiTab-textColorInherit.Mui-disabled { opacity: 0.5; } .MuiTab-textColorPrimary { color: rgba(0, 0, 0, 0.54); } .MuiTab-textColorPrimary.Mui-selected { color: #e65100; } .MuiTab-textColorPrimary.Mui-disabled { color: rgba(0, 0, 0, 0.38); } .MuiTab-textColorSecondary { color: rgba(0, 0, 0, 0.54); } .MuiTab-textColorSecondary.Mui-selected { color: #26a69a; } .MuiTab-textColorSecondary.Mui-disabled { color: rgba(0, 0, 0, 0.38); } .MuiTab-fullWidth { flex-grow: 1; max-width: none; flex-basis: 0; flex-shrink: 1; } .MuiTab-wrapped { font-size: 0.75rem; line-height: 1.5; } .MuiTab-wrapper { width: 100%; display: inline-flex; align-items: center; flex-direction: column; justify-content: center; }</style></head><body><div id="__next"><header class="MuiPaper-root MuiAppBar-root MuiAppBar-positionFixed MuiAppBar-colorDefault mui-fixed MuiPaper-elevation4"><div class="MuiTabs-root"><div class="MuiTabs-scroller MuiTabs-fixed" style="overflow:hidden"><div class="MuiTabs-flexContainer" role="tablist"><button class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary Mui-selected MuiTab-fullWidth" tabindex="0" type="button" role="tab" aria-selected="true"><span class="MuiTab-wrapper"><svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true" role="presentation"><path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"></path></svg></span><span class="jss71 jss72 MuiTabs-indicator"></span></button><button class="MuiButtonBase-root MuiTab-root MuiTab-textColorPrimary MuiTab-fullWidth" tabindex="0" type="button" role="tab" aria-selected="false"><span class="MuiTab-wrapper"><svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true" role="presentation"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"></path></svg></span></button></div></div></div></header><div class="MuiBox-root jss76"><div class="MuiContainer-root MuiContainer-maxWidthLg"><div class="MuiTypography-root MuiTypography-body1"><h1 class="MuiTypography-root MuiTypography-h3">Hello Next.js</h1><ul><li><a class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiTypography-body1 MuiTypography-colorSecondary" href="/about">/about</a></li></ul></div></div></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"BNacjYJPrHaR5itAoGvyW","nextExport":true,"autoExport":true}</script><script nomodule="" src="/_next/static/runtime/polyfills-7249f898b57640d2ed1e.js"></script><script async="" data-next-page="/" src="/_next/static/BNacjYJPrHaR5itAoGvyW/pages/index.js"></script><script async="" data-next-page="/_app" src="/_next/static/BNacjYJPrHaR5itAoGvyW/pages/_app.js"></script><script src="/_next/static/runtime/webpack-b65cab0b00afd201cbda.js" async=""></script><script src="/_next/static/chunks/framework.05dc921f3b31e4511d49.js" async=""></script><script src="/_next/static/chunks/commons.51a13eac0d8463e88213.js" async=""></script><script src="/_next/static/chunks/324b3e8faaa3b2f6ee53180bfcacc556d1206e7c.a421a0728f151e42732e.js" async=""></script><script src="/_next/static/chunks/42baa4a6080ac9f365fcbc1b93e845bf87e12c61.f91e5151f66c5cbe1940.js" async=""></script><script src="/_next/static/chunks/a3cfa6eebe3761ad9b137323750e064f95b52b7c.75b60a3296c939757adf.js" async=""></script><script src="/_next/static/runtime/main-a88012f1833bc2d88746.js" async=""></script><script src="/_next/static/BNacjYJPrHaR5itAoGvyW/_buildManifest.js" async=""></script></body></html>