@import url(https://fonts.googleapis.com/css2?family=Basic&family=Cambay&family=Comfortaa:wght@300;400;500;600;700&family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&family=Libre+Baskerville:ital@1&family=Noto+Sans:wght@100&family=Open+Sans:wght@300;400;500&family=Redacted&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Basic&family=Cambay&family=Comfortaa:wght@300;400;500;600;700&family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&family=Libre+Baskerville:ital@1&family=Noto+Sans:wght@100&family=Open+Sans:wght@300;400;500&family=Redacted&display=swap);
.threejsCanvas{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:-1}
html,body,div,p,a,iframe{-webkit-tap-highlight-color:rgba(0,0,0,0)}@font-face{font-family:"consolas","Consolas";src:url(./font/6b6f92d1fc7f927ac4ee.ttf) format("truetype");font-weight:400}@font-face{font-family:"source han code jp","source-han-code-jp","SourceHanCodeJp";src:url(./font/6e3ff88d7443a67890eb.otf) format("opentype");font-weight:400}@font-face{font-family:"Noto Sans Mono","noto sans mono","NotoSansMono";src:url(./font/ff38a104fd18b8836669.ttf) format("truetype"),url("https://fonts.googleapis.com/css?family=Noto+Sans+Mono");font-weight:400}@font-face{font-family:"Basic","basic";src:url("https://fonts.googleapis.com/css?family=Basic");font-weight:400}@font-face{font-family:"Combay","combay";src:url("https://fonts.googleapis.com/css?family=Cambay");font-weight:400}@font-face{font-family:"Comfortaa","comfortaa";src:url("https://fonts.googleapis.com/css?family=Comfortaa");font-weight:400}html,body{width:100vw;height:100vh;overflow-x:hidden}html,body,h1,h2,h3,h4,h5,h6,p,span,b,ol,ul,li,dl,dt,dd,samp,small,hr,main,header,footer,div,section,input,button{font-family:"Basic","basic","Combay","combay","Comfortaa","comfortaa","Noto Sans JP","Montserrat","Cedarville Cursive","Sawarabi Gothic","游ゴシック","Yu Gothic","游ゴシック体",YuGothic,"Yu Gothic UI","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,sans-serif;padding:0;margin:0;border:0px;font-size:1rem;background:rgba(0,0,0,0);font-weight:normal;letter-spacing:.22rem}@media screen and (max-width: 1200px){html,body,h1,h2,h3,h4,h5,h6,p,span,b,ol,ul,li,dl,dt,dd,samp,small,hr,main,header,footer,div,section,input,button{font-size:.9rem}}@media screen and (max-width: 500px){html,body,h1,h2,h3,h4,h5,h6,p,span,b,ol,ul,li,dl,dt,dd,samp,small,hr,main,header,footer,div,section,input,button{font-size:.8rem}}a{color:#000;text-decoration:none}ol,ul,li,dl,dt,dd{list-style-type:none}body{width:100%;background-color:rgba(0,0,0,0)}ion-icon{pointer-events:none}span{display:inline}
::selection{color:#ff8000;background-color:#000}::-moz-selection{color:#ff8000;background-color:#000}.rPage{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden}.floatTextEl{color:rgba(0,0,0,0);font-family:"Noto Sans Mono";font-size:50px}@media screen and (max-width: 1200px){.floatTextEl{font-size:20px}}.flexCenter{display:flex;place-items:center;place-content:center}.colorWhite{color:#fff}.pcOherDeviceStyle{color:#fff !important;position:relative}@media screen and (max-width: 1200px){.pcOherDeviceStyle{color:#fff !important}}@media screen and (max-width: 500px){.pcOherDeviceStyle{color:#fff !important}}.pcOherDeviceStyle::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;background:rgba(18,52,86,.4705882353)}
.displayFlex{display:flex}.colorWhite{color:#fff}.flexCenter{display:flex;place-items:center;place-content:center}.percent{width:100%;height:100%}.maxViewport{width:100vw;height:100vh}.posFixed{position:fixed;top:0;left:0}.colorTransparent{color:rgba(0,0,0,0)}
header .menuBtn.active .menuBtnOuterBorder .menuBtnLines .menuBtnLinePos:nth-child(1) .menuBtnLine{transform:translate(0, 0) rotateZ(45deg)}header .menuBtn.active .menuBtnOuterBorder .menuBtnLines .menuBtnLinePos:nth-child(2) .menuBtnLine{transform:translate(0, 0) rotateZ(-45deg)}header .menuBtn.active .menuBtnOuterBorder .menuBtnLines .menuBtnLinePos:nth-child(3) .menuBtnLine{transform:translate(0, 0) rotateZ(-45deg)}header .menuBtn.active~.menuBackCloseMenu{width:100vw}@media screen and (max-width: 1200px){header .menuBtn.active~.headerNav ul.pageNav li{transform:translate(0, 0)}header .menuBtn.active~.headerNav ul.pageNav li:nth-child(2){transition-delay:25ms}header .menuBtn.active~.headerNav ul.pageNav li:nth-child(3){transition-delay:50ms}header .menuBtn.active~.headerNav .mineLinks ._blankNav li{transform:translate(0, 0)}header .menuBtn.active~.headerNav .mineLinks ._blankNav li:nth-child(1){transition-delay:0ms}header .menuBtn.active~.headerNav .mineLinks ._blankNav li:nth-child(2){transition-delay:25ms}}
.rTop~header .mainLogo::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.rTop~header .menuBtn{right:-100%}.rTop~header .menuBackCloseMenu{width:0}@media screen and (max-width: 1200px){.rTop~header .headerNav{transform:translate(0, -80px)}}@media screen and (max-width: 500px){.rTop~header .headerNav{transform:translate(0, -35px)}}.rTop~header .headerNav ul.pageNav li,.rTop~header .headerNav ul.mineLinks ._blankNav li{transform:translate(0, 0)}.rTop~header .headerNav ul.mineLinks ._blankNav{transform:translate(0, 0)}.rTop~header .goBack{cursor:default;transform:translate(0, 100%)}.rTop~header .goBack::after{cursor:default;content:"";position:absolute;top:0;left:0;width:100%;height:100%}
.rAbout~header .headerNav .pageNav .anchorAboutLi{position:relative}.rAbout~header .headerNav .pageNav .anchorAboutLi::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.rAbout~header .headerNav .pageNav .anchorAboutLi .anchorAbout span{color:rgba(102,204,255,.2) !important;font-family:"Basic" !important;user-select:none}.rContents~header .headerNav .pageNav .anchorContentsLi{position:relative}.rContents~header .headerNav .pageNav .anchorContentsLi::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.rContents~header .headerNav .pageNav .anchorContentsLi .anchorContents span{color:rgba(102,204,255,.2) !important;font-family:"Basic" !important;user-select:none}.rWorks~header .headerNav .pageNav .anchorWorksLi{position:relative}.rWorks~header .headerNav .pageNav .anchorWorksLi::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.rWorks~header .headerNav .pageNav .anchorWorksLi .anchorWorks span{color:rgba(102,204,255,.2) !important;font-family:"Basic" !important;user-select:none}
.linkHoverBoderBottom span{position:relative}.linkHoverBoderBottom span::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:aqua;transition-property:width;transition-duration:100ms}.linkHoverBoderBottom:hover span::after{width:100%}header .menuBtn{position:fixed;right:-100%;bottom:0;margin:0 24px 68px 5px;width:62px;height:62px;transition-property:right;transition-duration:500ms;z-index:10;cursor:pointer}@media screen and (max-width: 1200px){header .menuBtn{right:0}}@media screen and (max-width: 500px){header .menuBtn{width:47px;height:47px;margin-right:13px}}header .menuBtn .menuBtnOuterBorder{background:rgba(255,255,255,.8705882353);border:2px solid #000;box-sizing:border-box}header .menuBtn .menuBtnOuterBorder .menuBtnLines{position:relative;width:67%;height:67%}header .menuBtn .menuBtnOuterBorder .menuBtnLines .menuBtnLinePos{position:absolute;top:0;left:0}header .menuBtn .menuBtnOuterBorder .menuBtnLines .menuBtnLinePos .menuBtnLine{transition-property:transform;transition-duration:200ms}header .menuBtn .menuBtnOuterBorder .menuBtnLines .menuBtnLinePos .menuBtnLine .menuBtnLineMain{width:100%;height:4px;background:#000}@media screen and (max-width: 500px){header .menuBtn .menuBtnOuterBorder .menuBtnLines .menuBtnLinePos .menuBtnLine .menuBtnLineMain{height:2px}}header .menuBtn .menuBtnOuterBorder .menuBtnLines .menuBtnLinePos:nth-child(1) .menuBtnLine{transform:translate(0, -27%)}header .menuBtn .menuBtnOuterBorder .menuBtnLines .menuBtnLinePos:nth-child(2) .menuBtnLine{transform:translate(0, 0)}header .menuBtn .menuBtnOuterBorder .menuBtnLines .menuBtnLinePos:nth-child(3) .menuBtnLine{transform:translate(0, 27%)}header .menuBackCloseMenu{position:fixed;top:0;right:0;color:rgba(0,0,0,0);background-color:#6cf;opacity:.1;width:0;height:100vh;z-index:5;transition-property:width;transition-duration:200ms}header .headerNav{position:fixed;right:0;bottom:0;display:flex;flex-flow:column;place-items:end;place-content:end;width:auto;height:auto;transition-property:width;transition-duration:250ms;z-index:5}@media screen and (max-width: 1200px){header .headerNav{transform:translate(0, -180px)}}@media screen and (max-width: 500px){header .headerNav{transform:translate(0, -145px)}}header .headerNav ul.pageNav li{padding:10px 28px 0 0}header .headerNav ul.pageNav li:first-child{padding-top:0}header .headerNav ul.pageNav{position:fixed;right:0;bottom:0;transform:translate(0, -50px)}@media screen and (max-width: 1200px){header .headerNav ul.pageNav{transform:translate(0, -100px)}}@media screen and (max-width: 500px){header .headerNav ul.pageNav{transform:translate(0, -65px)}}header .headerNav ul.pageNav li{display:flex;justify-content:end;box-sizing:border-box}@media screen and (max-width: 1200px){header .headerNav ul.pageNav li{transform:translate(100%, 0);transition-property:transform;transition-duration:0}}@media screen and (max-width: 500px){header .headerNav ul.pageNav li{padding:8px 12px 0 0}header .headerNav ul.pageNav li:first-child{padding-top:0}}header .headerNav ul.pageNav li a span{font-size:50px}@media screen and (max-width: 1200px){header .headerNav ul.pageNav li a span{font-size:20px}}header .headerNav ul.mineLinks{position:fixed;left:0;bottom:0;width:auto;height:75px}@media screen and (max-width: 1200px){header .headerNav ul.mineLinks{height:auto}}header .headerNav ul.mineLinks ._blankNav{position:absolute;top:0;left:0;align-items:center;height:100%;transform:translate(100px, 0);transition-duration:300ms;transition-property:transform}@media screen and (max-width: 1200px){header .headerNav ul.mineLinks ._blankNav{transform:translate(0, 0)}}header .headerNav ul.mineLinks ._blankNav li{width:150px}@media screen and (max-width: 1200px){header .headerNav ul.mineLinks ._blankNav{position:fixed;top:auto;left:auto;right:0;bottom:0;width:auto;height:100px;flex-flow:column;transform:translate(0, 0);align-items:end}header .headerNav ul.mineLinks ._blankNav li{width:auto;height:100%;padding:20px 36px 0 0;box-sizing:border-box;transform:translate(100%, 0);transition-property:transform;transition-duration:300ms}header .headerNav ul.mineLinks ._blankNav li a span{font-size:18px}}@media screen and (max-width: 500px){header .headerNav ul.mineLinks ._blankNav{height:60px}header .headerNav ul.mineLinks ._blankNav li{padding:8px 12px 0 0}header .headerNav ul.mineLinks ._blankNav li a span{font-size:.9rem}}header .goBack{position:fixed;left:0;bottom:0;width:100px;height:50px;cursor:pointer;background-color:rgba(255,255,255,.7);transform:translate(0, 0);transition-duration:300ms;transition-property:transform,background-color}@media screen and (max-width: 1200px){header .goBack{width:50px}}@media screen and (max-width: 500px){header .goBack{width:30px;height:30px}}header .goBack:hover{background-color:rgba(255,255,255,.9)}header .goBack button span{color:#000;cursor:pointer;font-size:1em}@media screen and (max-width: 500px){header .goBack button span{font-size:.75em}}header .headerNav .mineLinks li a span{position:relative}header .headerNav .mineLinks li a span::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.7;z-index:-1}
.rTop~header .mainLogo{opacity:.5;filter:grayscale(100%)}.rTop~header .mineLinks ._blankNav{transform:translate(0, 0)}header .logoSvgLarge{width:100px;height:100px}@media screen and (max-width: 1200px){header .logoSvgLarge{width:75px;height:75px}}@media screen and (max-width: 500px){header .logoSvgLarge{width:50px;height:50px}}header .svgDefs{display:none}header .mainLogo{top:20px;left:20px;z-index:10;opacity:1;transition-duration:500ms;transition-property:opacity,filter,transform}@media screen and (max-width: 1200px){header .mainLogo{top:10px;left:10px}}@media screen and (max-width: 500px){header .mainLogo{top:7px;left:7px}}
html,body,div,p,a,iframe{-webkit-tap-highlight-color:rgba(0,0,0,0)}@font-face{font-family:"consolas","Consolas";src:url(./font/6b6f92d1fc7f927ac4ee.ttf) format("truetype");font-weight:400}@font-face{font-family:"source han code jp","source-han-code-jp","SourceHanCodeJp";src:url(./font/6e3ff88d7443a67890eb.otf) format("opentype");font-weight:400}@font-face{font-family:"Noto Sans Mono","noto sans mono","NotoSansMono";src:url(./font/ff38a104fd18b8836669.ttf) format("truetype"),url("https://fonts.googleapis.com/css?family=Noto+Sans+Mono");font-weight:400}@font-face{font-family:"Basic","basic";src:url("https://fonts.googleapis.com/css?family=Basic");font-weight:400}@font-face{font-family:"Combay","combay";src:url("https://fonts.googleapis.com/css?family=Cambay");font-weight:400}@font-face{font-family:"Comfortaa","comfortaa";src:url("https://fonts.googleapis.com/css?family=Comfortaa");font-weight:400}html,body{width:100vw;height:100vh;overflow-x:hidden}html,body,h1,h2,h3,h4,h5,h6,p,span,b,ol,ul,li,dl,dt,dd,samp,small,hr,main,header,footer,div,section,input,button{font-family:"Basic","basic","Combay","combay","Comfortaa","comfortaa","Noto Sans JP","Montserrat","Cedarville Cursive","Sawarabi Gothic","游ゴシック","Yu Gothic","游ゴシック体",YuGothic,"Yu Gothic UI","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,sans-serif;padding:0;margin:0;border:0px;font-size:1rem;background:rgba(0,0,0,0);font-weight:normal;letter-spacing:.22rem}@media screen and (max-width: 1200px){html,body,h1,h2,h3,h4,h5,h6,p,span,b,ol,ul,li,dl,dt,dd,samp,small,hr,main,header,footer,div,section,input,button{font-size:.9rem}}@media screen and (max-width: 500px){html,body,h1,h2,h3,h4,h5,h6,p,span,b,ol,ul,li,dl,dt,dd,samp,small,hr,main,header,footer,div,section,input,button{font-size:.8rem}}a{color:#000;text-decoration:none}ol,ul,li,dl,dt,dd{list-style-type:none}body{width:100%;background-color:rgba(0,0,0,0)}ion-icon{pointer-events:none}span{display:inline}
.rTop{width:100%;height:100%;opacity:1}.rTop .topOpeningText{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%)}.rTop .topOpeningText h1 span{font-size:50px;color:rgba(0,0,0,0);font-family:"Noto Sans Mono"}@media screen and (max-width: 1200px){.rTop .topOpeningText h1 span{font-size:20px}}.rTop .link-text{position:fixed;left:0;bottom:0;margin:0 0 25px 50px;user-select:none;font-size:100px;letter-spacing:0;color:#f8f8ff;background:rgba(0,0,0,0);opacity:1}@media screen and (max-width: 1200px){.rTop .link-text{width:100%;font-size:25px}}.rTop .link-text .link-text-flex{width:100%}.rTop .link-text .link-text-flex .link-text-centers{display:flex;justify-content:left;text-align:center;align-items:center;opacity:1}.rTop .link-text .link-text-flex .link-text-centers .class-links{color:#f8f8ff;padding:0 25px}
.loadingNow{position:fixed;top:0;left:0;z-index:20;width:100vw;height:100vh;display:flex;place-items:center;place-content:center;flex-flow:column;background:#060122}.loadingNow .loadMainText{display:flex}.loadingNow .loadMainText div{color:aqua}.loadingNow .loadApproxTime{color:orange}
.rAbout{display:flex;align-items:center;flex-flow:column;width:100vw;position:relative;overflow-y:auto}.rAbout .mainAboutExpo h2{display:flex;place-items:start;place-content:start}.rAbout .mainAboutExpo h2 .floatTextEl{margin-bottom:10px;color:rgba(0,0,0,0);font-size:50px}@media screen and (max-width: 1200px){.rAbout .mainAboutExpo h2 .floatTextEl{font-size:20px}}.rAbout .mainAboutExpo h3 span,.rAbout .aboutSkills h3 span,.rAbout .aboutContact h3 span{color:#fff;font-size:20px}@media screen and (max-width: 1200px){.rAbout .mainAboutExpo h3 span,.rAbout .aboutSkills h3 span,.rAbout .aboutContact h3 span{font-size:18px}}.rAbout .mainAboutExpo .aboutMine .aboutMinePiece dt,.rAbout .mainAboutExpo .aboutMine .aboutMinePiece dd,.rAbout .mainAboutExpo .aboutMine .aboutMinePiece .ddMulti dd,.rAbout .aboutSkills ul li{white-space:nowrap;color:#fff;font-size:1em}.rAbout .mainAboutExpo{width:1200px;padding-top:78px;padding-bottom:128px}@media screen and (max-width: 1400px){.rAbout .mainAboutExpo{padding-left:100px;padding-right:100px;box-sizing:border-box}}@media screen and (max-width: 1200px){.rAbout .mainAboutExpo{padding-left:0;padding-right:0;width:calc(100vw - 164px);box-sizing:border-box}}@media screen and (max-width: 500px){.rAbout .mainAboutExpo{width:calc(100vw - 70px);box-sizing:border-box}}.rAbout .mainAboutExpo dl .aboutMine .aboutMinePiece,.rAbout .mainAboutExpo dl .aboutMine .aboutMinePiece dd,.rAbout .mainAboutExpo dl .aboutMine .aboutMinePiece .ddMulti{display:flex}.rAbout .mainAboutExpo dl{padding:24px 20px 0;box-sizing:border-box}@media screen and (max-width: 500px){.rAbout .mainAboutExpo dl{padding:6px 30px 0 11px}}.rAbout .mainAboutExpo dl .aboutMine .aboutMinePiece{margin-top:22px}@media screen and (max-width: 500px){.rAbout .mainAboutExpo dl .aboutMine .aboutMinePiece{margin-top:12px}}.rAbout .mainAboutExpo dl .aboutMine .aboutMinePiece dd{transform:translate(10px, 0)}.rAbout .mainAboutExpo dl .aboutMine .aboutMinePiece dd span{display:flex;align-items:center}.rAbout .mainAboutExpo dl .aboutMine .aboutMinePiece dd b::before{content:"("}.rAbout .mainAboutExpo dl .aboutMine .aboutMinePiece dd b::after{content:")"}.rAbout .mainAboutExpo dl .aboutMine .aboutMinePiece .ddMulti dd:not(:first-child)::before{content:"/";margin:0 2.5px}.rAbout .aboutSkills{width:100%;padding-top:48px;box-sizing:border-box}@media screen and (max-width: 1200px){.rAbout .aboutSkills{padding-top:28px;box-sizing:border-box}}.rAbout .aboutSkills ul{display:flex;flex-wrap:wrap;padding:24px 20px 0;box-sizing:border-box;line-height:2em}@media screen and (max-width: 500px){.rAbout .aboutSkills ul{margin-top:6px;padding:6px 30px 0 11px}}.rAbout .aboutSkills ul li:not(:first-child)::before{content:"/";margin:2.5px}.rAbout .aboutContact{padding-top:48px;box-sizing:border-box}@media screen and (max-width: 1200px){.rAbout .aboutContact{padding-top:28px}}.rAbout .aboutContact .contactAddress{display:flex;flex-flow:column-reverse;padding-top:24px;box-sizing:border-box}@media screen and (max-width: 1200px){.rAbout .aboutContact .contactAddress{padding-top:18px}}@media screen and (max-width: 500px){.rAbout .aboutContact .contactAddress{padding-top:14px}}.rAbout .aboutContact .contactAddress .gMainAddress_andOther{display:flex;flex-flow:column;padding-top:32px;box-sizing:border-box}@media screen and (max-width: 1200px){.rAbout .aboutContact .contactAddress .gMainAddress_andOther{padding-top:24px}}@media screen and (max-width: 500px){.rAbout .aboutContact .contactAddress .gMainAddress_andOther{padding-top:12px}}.rAbout .aboutContact .contactAddress .gMainAddress_andOther ._addressAnchor:hover{opacity:.7}.rAbout .aboutContact .contactAddress .gMainAddress_andOther ._addressLink{border-bottom:dashed 2px #ff4500}@media screen and (max-width: 500px){.rAbout .aboutContact .contactAddress .gMainAddress_andOther ._addressLink{border-bottom:dashed 1px #ff4500}}.rAbout .aboutContact .contactAddress .gMainAddress_andOther .x_linkOuter{margin-top:14px}@media screen and (max-width: 1200px){.rAbout .aboutContact .contactAddress .gMainAddress_andOther .x_linkOuter{margin-top:10px}}@media screen and (max-width: 500px){.rAbout .aboutContact .contactAddress .gMainAddress_andOther .x_linkOuter{margin-top:8px}}.rAbout .aboutContact .contactAddress .gMainAddress_andOther .x_linkOuter .x_link::before{content:"/";color:#fff}.rAbout .aboutContact .contactAddress .contactExpo{color:#fff}@media screen and (max-width: 500px){.rAbout dt,.rAbout dd,.rAbout li{letter-spacing:.13rem}}.rAbout h3 span:not(.floatTextEl,b),.rAbout dt span:not(.floatTextEl,b),.rAbout dd span:not(.floatTextEl,b),.rAbout li span:not(.floatTextEl,b),.rAbout small span:not(.floatTextEl,b),.rAbout ._addressAnchor span:not(.floatTextEl,b){position:relative}.rAbout h3 span:not(.floatTextEl,b)::after,.rAbout dt span:not(.floatTextEl,b)::after,.rAbout dd span:not(.floatTextEl,b)::after,.rAbout li span:not(.floatTextEl,b)::after,.rAbout small span:not(.floatTextEl,b)::after,.rAbout ._addressAnchor span:not(.floatTextEl,b)::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000;opacity:.4;z-index:-1}.rAbout .contactExpo{position:relative}.rAbout .contactExpo::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000;opacity:.4;z-index:-1}
.rContents{position:relative;overflow-y:auto;width:100%;height:auto;display:flex;padding:81px 0;box-sizing:border-box;justify-content:center}.rContents .contentsExpo{width:1200px}@media screen and (max-width: 1200px){.rContents .contentsExpo{width:calc(100% - 70px)}}.rContents .contentsExpo h2 span{color:rgba(0,0,0,0);font-family:"Noto Sans Mono";font-size:50px}@media screen and (max-width: 1200px){.rContents .contentsExpo h2 span{font-size:20px}}.rContents .contentsExpo ol{display:flex;flex-wrap:wrap;padding-top:32px;box-sizing:border-box}.rContents .contentsExpo ol li{width:240px;height:192px;padding:10px;box-sizing:border-box}@media screen and (max-width: 1200px){.rContents .contentsExpo ol li{width:25%;height:20vw;padding:7px}}@media screen and (max-width: 500px){.rContents .contentsExpo ol li{padding:3px;width:33.3333333333%;height:26.6666666667vw}}.rContents .contentsExpo ol li a{width:100%;height:100%}.rContents .contentsExpo ol li a .contentsImage{width:100%;height:100%;opacity:0}
.rWorks{display:flex;place-items:center;place-content:center}.rWorks .worksExpo{display:flex;place-items:center;place-content:center;width:1200px;height:100vh;overflow:hidden}.rWorks .worksExpo h2 span{color:rgba(0,0,0,0);font-family:"Noto Sans Mono";font-size:50px}@media screen and (max-width: 1200px){.rWorks .worksExpo h2 span{font-size:20px}}.rWorks .worksExpo p.face{display:flex;place-items:center;place-content:center;width:0;justify-content:start}.rWorks .worksExpo p.face span{font-size:30px;color:#fff}
.fpsClass{position:fixed;bottom:0;left:0;background:#fff;color:#000;font-size:30px;font-family:"Basic","basic","Comfortaa";padding:5px;z-index:10}@media(max-width: 800px){.fpsClass{font-size:20px}}