div.toppage{align-items:center;display:flex;font-family:gkkt;height:100%;justify-content:center;max-width:100%}div.toppage h1{color:#fff;font-size:48px;margin:0;text-align:center}div.toppage h2{color:#fff;font-size:32px;text-align:center}div.toppage h2.SmartPhoneMessage{color:transparent}@media only screen and (max-width:767px){div.toppage h2.SmartPhoneMessage{color:#fff;text-align:center}}.aboutpage{align-items:center;background-color:#555;font-size:18px;width:100%}.aboutpage,.aboutpage-wrapper{display:flex;justify-content:center}.aboutpage-wrapper{flex-direction:column}@media (min-width:768px){.aboutpage-wrapper{flex-direction:row}}.aboutpage-title-wrapper{margin-left:2rem;margin-right:2rem;text-align:center}.abouttitle{color:#fff;font-size:2rem;text-align:center}.my-icon{border-radius:55px;height:250px;max-height:250px;max-width:250px;width:250px}.self-introduction{word-wrap:normal;background-color:#ffc60a;border-radius:20px;color:#222;font-family:メイリオ;font-size:1rem;margin:2%;overflow-x:hidden;overflow-y:auto;padding:20px}.linkpage{align-items:center;background-color:#555;display:flex;padding-top:2rem;width:100%}@media (min-width:768px){.linkpage{height:100%;padding-top:0}}.linkpage-wrapper{justify-content:center;width:100%}.link-head{word-wrap:break-word;color:#fff;display:inline-block;font-size:1.5rem;text-align:center;width:100%}@media (min-width:768px){.link-head{font-size:2rem}}.icons{align-items:center;display:flex;flex-direction:column;list-style-type:none;padding:0;place-items:center}@media (min-width:768px){.icons{flex-direction:row;justify-content:center;overflow-x:auto}}.iconlink img{object-fit:contain}.iconlink img,.icons>li{height:120px;width:120px}.icons>li{padding:20px}.skillpage{width:100%}.skillpage-wrapper{display:block;justify-items:center;padding-bottom:2rem;width:100%}.skillpage-comment{color:#fff;font-family:メイリオ,sans-serif;font-size:1rem;margin:30px;position:relative}@media (min-width:768px){.skillpage-comment{font-size:1.5rem}}.langbox-wrapper{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;justify-items:center;width:100%}@media (min-width:768px){.langbox-wrapper{gap:3rem;grid-template-columns:repeat(2,minmax(0,1fr));width:-webkit-max-content;width:max-content}}.langbox{background-color:#ffc60a;border-radius:30px;color:#000;height:270px;padding:10px 2% 2% 5%;width:350px}.lang-icon{background-color:#fff;border-radius:10px;height:64px;object-fit:contain;padding:5px;width:64px}.langbox-header{align-items:center;display:flex;padding-top:1rem}.lang-name{font-size:32px;height:4%;object-fit:contain;padding-left:1.5rem;width:21%}.langbox-comment{font-family:メイリオ;font-size-adjust:none;margin-left:0;margin-right:5%;padding-top:1rem}.contactpage{align-items:center;display:flex;font-family:メイリオ,sans-serif;height:100%;justify-content:center}.contactpage .text-wrapper{color:#fff;text-align:center}html{font-family:gkkt;font-size:16px}body,html{height:100%;width:100%}body{background-color:#555;margin:0}@font-face{font-family:gkkt;src:url(/homepage/static/media/851GKKTT.ac116510959bca35b583.TTF) format("truetype")}.pages,div#root{height:100%;width:100%}div.header{background-color:#333;height:15%;overflow-y:hidden;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}div.contents{height:85%;width:100%}div.page-logo{color:#fff;font-family:gkkt;font-size:2rem;margin-left:24px;position:absolute;top:40%;-webkit-transform:translateY(-33%);transform:translateY(-33%)}@media (min-width:768px){div.page-logo{font-size:3rem}}div.menubar{background-color:transparent;display:flex;height:33%;overflow-x:auto;position:absolute;top:100%;-webkit-transform:translateY(-100%);transform:translateY(-100%)}@media (min-width:768px){div.menubar{font-size:2rem;padding-left:18px}}div.menubar>button{background-color:transparent;background:transparent;border-color:transparent;border-bottom:1;color:#fff;font-family:gkkt;font-size:1rem}@media (min-width:768px){div.menubar>button{font-size:2rem}}div.menubar>button:focus{outline:0}div.menubar>button.SelectedButton{border-bottom-color:red}div.menubar>button.NotSelectedButton{border-bottom-color:blue}
/*# sourceMappingURL=main.5ae473fd.css.map*/