@import"reset.css";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@font-face{font-family:"Caseopia";src:url("../fonts/Caseopia.woff") format("woff"),url("../fonts/Caseopia.ttf") format("truetype"),url("../fonts/Caseopia.otf") format("opentype");font-weight:normal;text-rendering:optimizeLegibility}html.dark-initial,html.dark-initial body{background-color:#222 !important;color:#f9f9f9 !important}body{background:#f9f9f9;color:#111;font-size:13px;font-family:"Inter",sans-serif;font-optical-sizing:auto;font-weight:200;font-style:normal;line-height:1.4;-webkit-text-size-adjust:100%}@media only screen and (max-width: 834px){body{font-size:12px;line-height:1.3}}body.dark{background:#222;color:#f9f9f9}body.profile-open{overflow:hidden}body.profile-open::before{content:"";width:100%;height:100%;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);position:fixed;top:0;left:0;z-index:1000}body.design-hover-active #bg,body.family-hover-active #bg,body.photographs-hover-active #bg{position:fixed;top:0;left:0;width:100vw;height:100vh;background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:1;-webkit-animation-duration:2.5s;animation-duration:2.5s;-webkit-animation-timing-function:steps(1);animation-timing-function:steps(1);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}body.design-hover-active #bg{-webkit-animation-name:designBackgroundFade;animation-name:designBackgroundFade}body.family-hover-active #bg{-webkit-animation-name:familyBackgroundFade;animation-name:familyBackgroundFade}body.photographs-hover-active #bg{-webkit-animation-name:photographsBackgroundFade;animation-name:photographsBackgroundFade}@-webkit-keyframes designBackgroundFade{0%{background-image:url("../img/design_days.jpg")}20%{background-image:url("../img/design_tokyo.jpg")}40%{background-image:url("../img/design_salt.jpg")}60%{background-image:url("../img/design_nyt2025_framer.jpg")}80%{background-image:url("../img/design_summer.jpg")}}@keyframes designBackgroundFade{0%{background-image:url("../img/design_days.jpg")}20%{background-image:url("../img/design_tokyo.jpg")}40%{background-image:url("../img/design_salt.jpg")}60%{background-image:url("../img/design_nyt2025_framer.jpg")}80%{background-image:url("../img/design_summer.jpg")}}@-webkit-keyframes familyBackgroundFade{0%{background-image:url("../img/family01.jpg")}20%{background-image:url("../img/family02.jpg")}40%{background-image:url("../img/family03.jpg")}60%{background-image:url("../img/family04.jpg")}80%{background-image:url("../img/family05.jpg")}}@keyframes familyBackgroundFade{0%{background-image:url("../img/family01.jpg")}20%{background-image:url("../img/family02.jpg")}40%{background-image:url("../img/family03.jpg")}60%{background-image:url("../img/family04.jpg")}80%{background-image:url("../img/family05.jpg")}}@-webkit-keyframes photographsBackgroundFade{0%{background-image:url("../img/photo01.jpg")}20%{background-image:url("../img/photo02.jpg")}40%{background-image:url("../img/photo03.jpg")}60%{background-image:url("../img/photo04.jpg")}80%{background-image:url("../img/photo05.jpg")}}@keyframes photographsBackgroundFade{0%{background-image:url("../img/photo01.jpg")}20%{background-image:url("../img/photo02.jpg")}40%{background-image:url("../img/photo03.jpg")}60%{background-image:url("../img/photo04.jpg")}80%{background-image:url("../img/photo05.jpg")}}body.design-hover-active .section02 .design_side,body.family-hover-active .section02 .design_side,body.photographs-hover-active .section02 .design_side{z-index:100}body.design-hover-active .section02 .design_side .name,body.family-hover-active .section02 .design_side .name,body.photographs-hover-active .section02 .design_side .name{opacity:0}::-moz-selection{background:#333}::-moz-selection,::selection,::-moz-selection{background:#333}a{color:#111;text-decoration:none;outline:none}body.dark a{color:#f9f9f9}a:visited{outline:none}a:hover{outline:none}a:focus,a:active{outline:none}input:focus,input:active{outline:none}.img img{width:100%;height:auto}header{width:100%;display:flex;flex-direction:row-reverse;position:relative}.sitename{display:none}nav{display:flex;justify-content:space-between;width:370px;position:absolute;top:16px;right:16px;z-index:10}nav .nav{display:flex;justify-content:space-between;width:300px;margin-top:2px}nav .nav li{font-size:18px;font-family:"Caseopia";line-height:1;letter-spacing:-0.02em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}nav .nav li a:hover{color:#ccc}@media only screen and (max-width: 834px){nav{width:320px}nav .nav{width:260px;margin-top:3px}nav .nav li{font-size:16px}}@media only screen and (max-width: 500px){nav{display:block;width:auto;top:44px}nav .nav{display:block;width:auto}nav .nav li{margin-bottom:8px;font-size:15px;text-align:right}nav .theme{position:fixed;top:12px;right:13px}}.theme-toggle{width:42px;height:18px;background-color:#111;border-radius:10px;position:relative;cursor:pointer;transition:background-color .3s ease}body.dark .theme-toggle{background-color:#f9f9f9}.toggle-circle{width:14px;height:14px;background-color:#f9f9f9;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .3s ease,background-color .3s ease}body.no-transition .toggle-circle{transition:none}body.dark .toggle-circle{transform:translateX(24px);background-color:#111}#copyright{margin:0 0 16px 16px;color:#f9f9f9;font-size:12px;font-family:"Caseopia";line-height:1;letter-spacing:-0.02em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.05em;mix-blend-mode:difference}@media only screen and (max-width: 500px){#copyright{margin-top:40px}}#wrapper{width:100%;overflow:hidden}.name,.prof_ttl{font-size:440px;font-family:"Caseopia";line-height:1;letter-spacing:-0.02em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media only screen and (max-width: 1280px){.name,.prof_ttl{font-size:380px}}@media only screen and (max-width: 1024px){.name,.prof_ttl{font-size:320px}}@media only screen and (max-width: 834px){.name,.prof_ttl{font-size:240px}}@media only screen and (max-width: 500px){.name,.prof_ttl{font-size:140px}}.btn a,.btn span{display:flex;justify-content:center;align-items:center;font-size:20px;font-family:"Caseopia";line-height:1;letter-spacing:-0.02em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;-webkit-animation:20s 0s rotate linear infinite;animation:20s 0s rotate linear infinite}@media only screen and (max-width: 834px){.btn a,.btn span{font-size:16px}}@media only screen and (max-width: 500px){.btn a,.btn span{font-size:15px}}body::after{position:absolute;width:0;height:0;overflow:hidden;z-index:-1;content:url("../img/design_days.jpg") url("../img/design_tokyo.jpg") url("../img/design_salt.jpg") url("../img/design_nyt2025_framer.jpg") url("../img/design_summer.jpg") url("../img/family01.jpg") url("../img/family02.jpg") url("../img/family03.jpg") url("../img/family04.jpg") url("../img/family05.jpg") url("../img/photo01.jpg") url("../img/photo02.jpg") url("../img/photo03.jpg") url("../img/photo04.jpg") url("../img/photo05.jpg")}@-webkit-keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.section01 .name{position:relative}.section01 .name span{display:block;position:absolute}.section01 .name span:first-child{top:-13px;left:40px}.section01 .name span:nth-child(2){top:299px;left:-10px}.section01 .name span:last-child{letter-spacing:-0.08em;top:640px;right:0}@media only screen and (max-width: 1280px){.section01 .name span:first-child{top:-10px}.section01 .name span:nth-child(2){top:259.5px}}@media only screen and (max-width: 1024px){.section01 .name span:first-child{top:-8px;left:30px}.section01 .name span:nth-child(2){top:218.5px}}@media only screen and (max-width: 834px){.section01 .name span:first-child{top:-6px;left:20px}.section01 .name span:nth-child(2){top:164.5px}.section01 .name span:last-child{right:8px}}@media only screen and (max-width: 500px){.section01 .name span:first-child{top:-4px;left:10px}.section01 .name span:nth-child(2){top:95px;left:-5px}.section01 .name span:last-child{top:0;right:-24px;margin-top:470px}}.section01 .thoughts{display:flex;justify-content:center;position:relative}@media only screen and (max-width: 500px){.section01 .thoughts{display:block}}.section01 .thoughts .txt{width:180px;color:#f9f9f9;position:absolute;top:100px;left:58%;mix-blend-mode:difference}@media only screen and (max-width: 834px){.section01 .thoughts .txt{width:140px;left:60%}}@media only screen and (max-width: 500px){.section01 .thoughts .txt{width:160px;margin-left:24px;padding-top:400px;position:relative;top:0;left:0;z-index:1}}.section01 .thoughts .img{width:26%;max-width:700px;margin-top:260px}.section01 .thoughts .img img{border-radius:70%/70%}@media only screen and (max-width: 1280px){.section01 .thoughts .img{width:300px}}@media only screen and (max-width: 834px){.section01 .thoughts .img{width:320px;margin-top:180px}}@media only screen and (max-width: 500px){.section01 .thoughts .img{width:240px;margin-top:0;position:absolute;top:160px;left:50%;transform:translateX(-50%)}}.section01 .thoughts .btn a{width:174px;height:174px;background:url(../img/btn_thoughts.svg) no-repeat;position:absolute;top:540px;left:70%}body.dark .section01 .thoughts .btn a{background:url(../img/btn_thoughts_dark.svg) no-repeat}@media only screen and (max-width: 1280px){.section01 .thoughts .btn a{left:72%}}@media only screen and (max-width: 1024px){.section01 .thoughts .btn a{left:75%}}@media only screen and (max-width: 834px){.section01 .thoughts .btn a{width:140px;height:140px;background-size:140px 140px;top:460px;left:78%}body.dark .section01 .thoughts .btn a{background-size:140px 140px}}@media only screen and (max-width: 500px){.section01 .thoughts .btn a{width:130px;height:130px;background-size:130px 130px;top:auto;bottom:-60px;left:130px;z-index:2}body.dark .section01 .thoughts .btn a{background-size:130px 130px}}.section02{display:flex;justify-content:space-between;padding-top:274px}@media only screen and (max-width: 1280px){.section02{padding-top:240px}}@media only screen and (max-width: 1024px){.section02{padding-top:196px}}@media only screen and (max-width: 834px){.section02{padding-top:360px}}@media only screen and (max-width: 500px){.section02{padding-top:260px}}.hm .section02{margin-top:300px;padding-top:0}@media only screen and (max-width: 1024px){.hm .section02{margin-top:320px}}@media only screen and (max-width: 834px){.hm .section02{margin-top:220px}}@media only screen and (max-width: 500px){.hm .section02{margin-top:180px}}.section02 .prof_side{width:50%;position:relative}.section02 .prof_side .name{writing-mode:vertical-rl;position:absolute;top:1010px;left:-50px}.section02 .prof_side .name span{display:block;line-height:.71}.section02 .prof_side .name span:nth-child(2){margin-top:130px}.hm .section02 .prof_side .name{padding-top:300px;position:relative;top:0;left:-50px}.section02 .prof_side .profile .txt{width:150px;color:#f9f9f9;text-align:right;position:absolute;top:0;left:150px;mix-blend-mode:difference}.section02 .prof_side .profile .btn span{display:block;width:178px;height:153px;padding-top:80px;background:url(../img/btn_about.svg) no-repeat;position:absolute;top:200px;left:540px;cursor:pointer}body.dark .section02 .prof_side .profile .btn span{background:url(../img/btn_about_dark.svg) no-repeat}@media only screen and (max-width: 1280px){.section02 .prof_side .name{left:-40px}.hm .section02 .prof_side .name{left:-40px}.section02 .prof_side .profile .txt{left:110px}.section02 .prof_side .profile .btn span{left:440px}}@media only screen and (max-width: 1024px){.section02 .prof_side .name{left:-33px}.hm .section02 .prof_side .name{left:-33px}.section02 .prof_side .profile .txt{width:180px;left:40px}.section02 .prof_side .profile .btn span{left:360px}}@media only screen and (max-width: 834px){.section02 .prof_side .name{top:800px;left:-26px}.hm .section02 .prof_side .name{top:60px;left:-25px}.section02 .prof_side .profile .txt{width:160px;left:70px}.section02 .prof_side .profile .btn span{width:140px;height:121px;background-size:140px 121px;padding-top:64px;top:240px;left:300px}body.dark .section02 .prof_side .profile .btn span{background-size:140px 121px}}@media only screen and (max-width: 500px){.section02 .prof_side .name{left:-15px}.hm .section02 .prof_side .name{padding-top:0;top:0;left:-14px}.section02 .prof_side .profile .txt{width:150px;top:480px;left:60px}.section02 .prof_side .profile .btn span{top:270px;left:80px}}.section02 .design_side{display:flex;flex-direction:row-reverse;width:50%;position:relative}.section02 .design_side .name{writing-mode:vertical-rl;position:absolute;top:1800px;right:-14px}.hm .section02 .design_side .name{margin-top:1000px;position:relative;top:0}.section02 .design_side .love{position:absolute;top:750px;right:320px}.hm .section02 .design_side .love{top:0}.section02 .design_side .love .txt_area{width:50px;margin:0 0 0 auto}.section02 .design_side .love .txt_area div{margin:0 0 140px auto;font-size:32px;font-family:"Caseopia";line-height:1;letter-spacing:-0.02em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;writing-mode:vertical-rl;line-height:1}.section02 .design_side .love .txt_area div.ttl,.section02 .design_side .love .txt_area div.and{font-size:18px}.section02 .design_side .love .txt_area div:last-child{margin-bottom:0}@media only screen and (max-width: 1280px){.section02 .design_side .name{top:1660px;right:-11px}.hm .section02 .design_side .name{margin-top:860px}.section02 .design_side .love{right:280px}.section02 .design_side .love .txt_area div{margin:0 0 100px auto}}@media only screen and (max-width: 1024px){.section02 .design_side .name{top:1600px;right:-10px}.hm .section02 .design_side .name{margin-top:800px}.section02 .design_side .love{right:230px}.section02 .design_side .love .txt_area div{margin:0 0 80px auto}}@media only screen and (max-width: 834px){.section02 .design_side .name{top:1550px;right:-7px}.hm .section02 .design_side .name{margin-top:750px}.section02 .design_side .love{right:180px}.section02 .design_side .love .txt_area div{font-size:28px}}@media only screen and (max-width: 500px){.section02 .design_side .name{top:1200px;right:-4px}.hm .section02 .design_side .name{margin-top:700px}.section02 .design_side .love{right:108px}.section02 .design_side .love .txt_area div{font-size:22px}.section02 .design_side .love .txt_area div.ttl,.section02 .design_side .love .txt_area div.and{font-size:14px}}#profile{width:100%;height:100%;position:fixed;top:0;left:0;overflow-y:auto;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}#profile .close_btn{width:69%;position:fixed;top:245px;right:0}#profile .close_btn .close{color:#f9f9f9;font-size:24px;font-family:"Caseopia";line-height:1;letter-spacing:-0.02em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.05em;outline:0;background:none;border:none;cursor:pointer}body.profile-open #profile{opacity:1;visibility:visible}#profile .inner{width:98%;margin:1%;padding:480px 0 800px 30%;background:rgba(0,0,0,.86);border-radius:800px;color:#f9f9f9;box-sizing:border-box}#profile .inner .prof_ttl{writing-mode:vertical-rl;line-height:1;position:absolute;top:200px;left:-97px}#profile .inner .myname{font-size:50px;font-family:"Inter",sans-serif;font-weight:800;line-height:1.1;letter-spacing:.02em}#profile .inner .bio{width:30%;margin:120px 0 0 64%;font-size:16px;font-family:"Inter",sans-serif;font-weight:200;text-align:justify}#profile .inner .prof_img{margin-top:330px}@media only screen and (max-width: 1280px){#profile .close_btn{top:235px}#profile .inner{padding:480px 0 280px 30%;border-radius:700px 700px 0 700px}#profile .inner .prof_ttl{left:-84px}#profile .inner .bio{width:35%;margin:120px 0 0 59%}}@media only screen and (max-width: 1024px){#profile .close_btn{top:230px}#profile .inner{padding:400px 0 280px 30%}#profile .inner .prof_ttl{left:-72px}#profile .inner .bio{width:40%;margin:120px 0 0 54%}#profile .inner .prof_img{margin-top:240px}}@media only screen and (max-width: 834px){#profile .close_btn{top:225px}#profile .inner{padding:400px 0 280px 30%}#profile .inner .prof_ttl{left:-52px}#profile .inner .myname{font-size:40px}#profile .inner .bio{width:45%;margin:120px 0 0 49%}#profile .inner .prof_img{margin-top:200px}}@media only screen and (max-width: 500px){#profile .inner{width:100%;margin:0}#profile .close_btn{width:71%;top:200px}#profile .close_btn .close{font-size:16px}#profile .inner{padding:300px 0 180px 30%}#profile .inner .prof_ttl{top:140px;left:-35px}#profile .inner .myname{font-size:24px}#profile .inner .bio{width:60%;margin:80px 0 0 34%;font-size:14px}#profile .inner .prof_img{margin-top:120px}}#thoughts{display:flex;flex-direction:row-reverse;width:100%;margin:0 auto 240px;color:#f9f9f9;mix-blend-mode:difference;position:relative;z-index:10}#thoughts .thoughts_ttl{width:580px;font-size:40px;font-weight:800}#thoughts .textbody{width:28%;margin-top:180px;padding:40px 2%;font-size:18px;line-height:1.8;text-align:justify}@media only screen and (max-width: 1280px){#thoughts .thoughts_ttl{width:504px;font-size:32px}#thoughts .textbody{margin-top:140px}}@media only screen and (max-width: 1024px){#thoughts .thoughts_ttl{width:430px}#thoughts .textbody{width:32%;margin-top:120px;font-size:16px}}@media only screen and (max-width: 834px){#thoughts{margin:0 auto 180px}#thoughts .thoughts_ttl{width:316px}#thoughts .textbody{width:36%;margin-top:80px;padding:40px 5%}}@media only screen and (max-width: 500px){#thoughts{display:block;width:94%;margin:0 auto 240px}#thoughts .thoughts_ttl{width:auto;font-size:24px;text-align:right}#thoughts .textbody{width:70%;margin-top:40px;font-size:14px;line-height:1.6}}body.thoughts-hover #thoughts{mix-blend-mode:normal}body.thoughts-hover #thoughts .thoughts_ttl{color:#111}body.thoughts-hover #thoughts .textbody{background:#fff;color:#111}body.thoughts-hover.dark #thoughts .thoughts_ttl{color:#f9f9f9}body.thoughts-hover.dark #thoughts .textbody{background:#1c1c1c;color:#f9f9f9}.pagenav{width:572px;margin:100px 0 240px auto;font-size:24px;font-weight:800}.pagenav li{margin-bottom:8px}#gallery{position:relative;z-index:10}@media only screen and (max-width: 834px){#gallery{top:-100px}}@media only screen and (max-width: 500px){#gallery{top:-100px}}#gallery .prj_img{width:32%;position:absolute;transition:transform .3s ease}#gallery .prj_img:hover{z-index:100}#gallery .prj_img.vtl{width:22%}@media only screen and (max-width: 1024px){#gallery .prj_img{width:40%}#gallery .prj_img.vtl{width:28%}}@media only screen and (max-width: 500px){#gallery .prj_img{width:60%}#gallery .prj_img.vtl{width:40%}}body.gallery-hover .name{color:#efefef}.image-modal{opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);cursor:pointer}.image-modal.is-visible{opacity:1;visibility:visible}.image-modal-content{margin:auto;display:block;width:auto;max-width:80%;height:auto;max-height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:transform .4s ease}.image-modal-close{position:absolute;top:24px;right:24px;font-size:24px;font-family:"Caseopia";line-height:1;letter-spacing:-0.02em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:.3s;cursor:pointer}@media only screen and (max-width: 834px){.image-modal-close{font-size:16px}}
/*# sourceMappingURL=style.min.css.map */