header{z-index:9999;background:#000c;width:100%;height:60px;transition:all .5s;display:inline-block;position:fixed;top:0;left:0}header.hide,header.hide #header_nav_toggle{margin-top:-80px}#header_title h1{-webkit-user-select:none;user-select:none;font-size:36px;font-weight:lighter}#header_title{width:fit-content;height:fit-content;margin-top:auto;margin-bottom:auto;margin-left:20px}#header_nav_toggle{cursor:pointer;width:fit-content;margin-top:20px;margin-right:20px;transition:all .5s;position:fixed;top:0;right:0}.line{border-bottom:2px solid #fff;width:30px;height:2px;margin-bottom:5px;transition:all .5s;display:block}#line1.active{transform:translate(1px)translateY(7px)rotate(45deg)}#line2.active{border-bottom:2px solid #0000}#line3.active{transform:translate(1px)translateY(-7px)rotate(-45deg)}#header_nav nav{background:#303030cc;width:300px;min-width:20vw;max-width:90vw;height:calc(100svh - 60px);margin-top:60px;margin-right:-100%;transition:all .3s;position:fixed;top:0;right:0}#header_nav nav.show{margin-right:0}#header_nav nav.hide{margin-right:-100%}#header_nav nav li{color:#fff;border-bottom:1px solid #000;border-image:linear-gradient(90deg,#000 5%,#fff 10% 90%,#000 95%) 1;list-style:none;display:block}#header_nav nav li:hover{background:#808080cc}#header_nav nav a{color:#fff;cursor:pointer;padding-top:14px;padding-bottom:14px;padding-left:10%;text-decoration:none;display:block}#hero{width:min(80%,1400px);height:fit-content;min-height:calc(100svh + 5vh);margin:0 auto;overflow:hidden}#hero_flex{align-items:flex-end;margin-top:20vh;display:flex}#hero_title{white-space:nowrap;z-index:20;width:fit-content;padding-right:10px}#hero_title h1{font-size:50px}#myname{font-family:sans-serif;font-size:60px}#hero_img{text-align:right;z-index:10;width:100%;height:fit-content;overflow:hidden}#hero_img img{height:160px;margin-bottom:0;margin-left:-800px;animation:3s forwards train}@keyframes train{0%{transform:translate(-800px)}to{transform:translate(0)}}#hero_nav{text-align:center;margin-top:10vh}#hero_nav ul{flex-wrap:wrap;justify-content:center;list-style:none;display:flex}#hero_nav li{background:#000;border-left:1px solid #000;border-right:1px solid #000;border-image:linear-gradient(#000 5%,#666 15% 85%,#000 95%) 1;width:200px;margin:20px;transition:all .5s}#hero_nav li:hover{background:#40404080;border-image:linear-gradient(#000 5%,#fff 15% 85%,#000 95%) 1}#hero_nav a{text-align:center;color:#fff;cursor:pointer;padding:20px 0;font-size:20px;text-decoration:none;display:block}@media screen and (width<=800px){#hero{width:90%}#hero_flex{flex-wrap:wrap;margin-top:10vh}#hero_title{margin-bottom:10px;margin-left:20px;padding-right:0}#hero_title h1{font-size:38px}#myname{font-size:45px}#hero_img img{height:140px}#hero_nav{margin-top:5vh}#hero_nav li{width:60%}#hero_nav a{padding:10px 0}}@media screen and (width<=460px){#hero{width:95%}#hero_flex{margin-top:40px}#hero_title{margin:0 0 10px}#hero_title h1{font-size:8vw}#myname{font-size:10vw}#hero_img img{height:120px}#hero_nav li{width:80%;margin:10px auto}}#aboutme_flex{margin-top:20px;padding:0 5%;display:flex}#aboutme_image{order:2;width:400px;height:fit-content;position:relative}#aboutme_image:after{content:"";position:absolute;inset:0;box-shadow:inset 5px 5px 15px 15px #000}#aboutme_image img{opacity:.6;width:100%}#aboutme_text{order:1;width:60%;margin-bottom:50px;position:relative}#aboutme_text p{line-height:2}#aboutme_text button{color:#fff;cursor:pointer;background-color:#000;border:1px solid #666;border-radius:5px;padding:10px 40px;font-size:16px;transition:all .5s;display:none;position:absolute;bottom:-60px;left:10px}#aboutme_text button:hover{background-color:#40404080;border:1px solid #fff}@media screen and (width<=800px){#aboutme_flex{flex-wrap:wrap}#aboutme_image{order:1}#aboutme_text{width:100%}#aboutme_text button{left:auto;right:10px}}@media screen and (width>=1040px){#aboutme_text{margin-bottom:0;padding-top:50px}#aboutme_text button{bottom:10px}}.history ul{list-style-type:none}.history_list{margin-left:6%}.history li{padding-bottom:.5rem;padding-left:10px;line-height:2;position:relative}.history li:first-child{margin-top:10px}.history li:before{content:"";border-left:2px solid #ffffff4d;width:1px;height:100%;position:absolute;left:-10px}.history li:after{content:"";background:#000;border:2px solid #ffffff4d;border-radius:50%;width:1rem;height:1rem;position:absolute;top:.5rem;left:-1.2rem}.history_list_year{color:#acacac;font-size:.85rem}.history_list_degree{font-size:.85rem}.history_list_error{text-align:center;margin-top:20px;margin-bottom:20px}#skills_radio_buttons{width:fit-content;margin:20px auto;display:flex}#skills_radio_buttons input[type=radio]{opacity:0;width:1px;height:1px;position:absolute}.skills_radio_button label{cursor:pointer;border:1px solid #fff;width:fit-content;padding:3px;font-size:20px;font-weight:600;transition:all .3s;display:block}.skills_radio_button:first-of-type label{border-top-left-radius:5px;border-bottom-left-radius:5px}.skills_radio_button:last-of-type label{border-top-right-radius:5px;border-bottom-right-radius:5px}.skills_radio_button label.selected{color:#000;background-color:#ffffffe6}.skills_radio_button .label_text{vertical-align:bottom;display:inline-block}.skills_radio_button img{vertical-align:bottom;height:24px;margin-right:4px;display:inline-block}#skills_engineering{padding:0 5%;position:relative;overflow:auto}#skills_engineering table{border-collapse:collapse;border:1px solid #fff}#skills_engineering th,#skills_engineering td{border:1px solid #fff;padding:8px 5px;line-height:1.8}#skills_engineering th{font-size:1.1rem}#skills_engineering th:first-of-type{width:30%;min-width:200px}#skills_engineering th:nth-of-type(2){width:70%;min-width:400px}@media screen and (width<=600px){#skills_engineering{padding-bottom:2em}#skills_engineering_interaction{background:#0009;width:100%;height:100%;position:absolute;top:0;left:0}#skills_engineering_interaction_arrow{margin-left:2px;animation:1s infinite scroll;display:inline-block}}@keyframes scroll{0%{transform:translate(0)}40%,60%{transform:translate(5px)}to{transform:translate(0)}}#skills_tourism,#skills_others{margin-bottom:40px;margin-left:7%}#selected_skills ul{list-style-type:none}#skills_engineering ul{margin-left:1.4rem;line-height:1.4}#selected_skills li{padding-bottom:.5rem;padding-left:10px;position:relative}#skills_tourism li:after{content:url(/svg/tourism.svg);width:.6rem;height:.6rem;position:absolute;top:1rem;left:-.8rem;transform:rotate(90deg)}#skills_engineering li:after,#skills_others li:after{content:"";background:#acacac;border-radius:50%;width:.6rem;height:.6rem;position:absolute;top:1.4rem;left:-.8rem}.skills_list_year{color:#acacac;font-size:.85rem}:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size:44px}.swiper-button-prev,.swiper-button-next{width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;color:var(--swiper-navigation-color,var(--swiper-theme-color));justify-content:center;align-items:center;display:flex;position:absolute}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) ::slotted(svg),:is(.swiper-button-prev,.swiper-button-next) svg{object-fit:contain;transform-origin:50%;fill:currentColor;pointer-events:none;width:100%;height:100%}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-button-prev ::slotted(.swiper-navigation-icon),.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset,4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset,4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0;right:auto}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset,4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}#works_display{width:100%;margin:0 auto;padding:20px 0;box-shadow:inset 0 0 5px 15px #000}.works_item{overflow:hidden}.works_item img{cursor:pointer;opacity:.7;border:5px solid #f0f0f0;border-radius:2px;width:100%;transition:all .5s;transform:scale(.9)}.works_item img:hover{opacity:1;transform:scale(1)}.swiper-button-prev svg,.swiper-button-next svg{color:#fff;opacity:.7;width:24px;height:24px;transition:all .5s}.swiper-button-prev:hover svg,.swiper-button-next:hover svg{opacity:1}@media screen and (width>=801px){.swiper-button-prev,.swiper-button-next{height:calc(100% + 40px);top:0!important}.swiper-button-prev{background:linear-gradient(90deg,#000,#0000);left:-12px!important}.swiper-button-next{background:linear-gradient(270deg,#000,#0000);right:-12px!important}}@media screen and (width<=800px){.works_item img{opacity:1;transform:scale(1)}.swiper-backface-hidden .swiper-slide{opacity:.7;transition:all .5s;transform:scale(.8)}.swiper-slide.swiper-slide-active{opacity:1;transform:scale(1)}}#works_modal{z-index:10001;background:#000000b3;width:100svw;height:100vh;position:fixed;top:0;left:0}#works_modal_content{z-index:10002;background:#1a1a1a;border-radius:5px;width:min(80%,600px);max-height:80vh;margin:10vh auto;padding:20px;position:relative;overflow:auto;box-shadow:0 0 10px 2px #333}#works_modal_content::-webkit-scrollbar{width:4px}#works_modal_close{cursor:pointer;background:#1a1a1a;width:max(5%,28px);transition:all .3s;position:absolute;top:10px;right:10px;transform:scale(1)}#works_modal_close:hover{transform:scale(1.2)}#works_modal_close img{width:100%}#works_modal_img{width:100%;max-height:50%;overflow:hidden}#works_modal_img img{border:1px solid #fff;width:100%}#works_modal_text h4{width:fit-content;margin:10px 0;font-size:1.15rem;transition:all .3s;position:relative}#works_modal_text h4:hover{margin-top:calc(10px - .1rem);font-size:1.2rem;transition:all .3s}#works_modal_text h4:after{content:"";background-image:url(/svg/open.svg);background-size:contain;width:1rem;height:1rem;position:absolute;top:10%;right:-1rem}#works_modal_text h4 a{color:inherit;text-decoration:none}#works_modal_text p#works_modal_text_tech{color:#cdcdcd;margin-bottom:5px;font-size:.9rem}footer{text-align:center;background:#1a1a1a;width:100%;margin-top:24px}footer p{padding:1.2rem 0;font-size:.8rem}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#000;font-family:Noto Sans JP,Noto Sans,sans-serif}.container{width:100%}::-webkit-scrollbar{background:#000;width:6px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}#langSelector{border:1px solid #fff;border-radius:5px;height:36px;margin-top:20px;margin-right:20px;position:absolute;top:0;right:0}#langSelector img{margin:6px 60px 6px 10px}#langSelector select{color:#fff;background:#000;border:none;border-left:1px solid #fff;width:50px;height:32px;margin:1px;font-size:16px;position:absolute;top:0;right:0}.section{width:min(80%,1440px);margin:0 auto 20px}.history,#skills{margin-bottom:40px}@media screen and (width<=600px){.section{width:90%}}.section h2{border-bottom:1px solid #000;border-image:linear-gradient(90deg,#000 2%,#fff 5% 95%,#000 98%) 1;width:100%;padding-left:5%;font-family:Noto Serif JP,serif;font-size:32px}