.Header-module__hBw1pG__header{z-index:2;width:90%;height:100px;margin:0 auto;position:relative}.Header-module__hBw1pG__inner{justify-content:end;align-items:end;gap:16px;width:95%;height:100%;margin:0 auto;display:flex}.Header-module__hBw1pG__nav{gap:30px;display:flex}.Header-module__hBw1pG__link{color:#403a2f;text-align:center;background:#fff;width:150px;height:50px;padding:10px 0 0;font-size:1.3rem;text-decoration:none;transition:all .3s;display:inline-block;position:relative;overflow:visible;box-shadow:5px 5px 5px rgba(150,150,150,.38)}.Header-module__hBw1pG__link:first-child{border-top:16px solid #de9f84}.Header-module__hBw1pG__link:nth-child(2){border-top:16px solid #a9e2db}.Header-module__hBw1pG__link:nth-child(3){border-top:16px solid #eef06c}.Header-module__hBw1pG__link:after{content:"";background:inherit;z-index:2;width:100%;height:0;transition:height .3s;position:absolute;top:100%;left:0}.Header-module__hBw1pG__link:hover:after{height:10px}.Header-module__hBw1pG__active{z-index:3;position:relative}.Header-module__hBw1pG__active:after{height:10px}
.BackToTop-module__9O7_lG__backToTop{color:#fff;background:#de9f84;border:none;border-radius:80px 80px 0 0;width:150px;height:80px;font-family:inherit;font-size:20px;font-weight:700;transition:all .4s;position:fixed;bottom:0;left:70px;box-shadow:5px 5px 5px rgba(150,150,150,.38)}.BackToTop-module__9O7_lG__backToTop:hover{transform:scale(1.1)}.BackToTop-module__9O7_lG__TopBtnText{margin:0;font-size:1rem}
.Heading-module__qwYz2q__marker{color:#403a2f;background:linear-gradient(transparent 60%,#eef06c 60%);margin:0 100px;font-size:1.7rem}
.Footer-module__S6Hkya__footer{text-align:center;color:#777;margin-top:10px;font-size:.8rem}.Footer-module__S6Hkya__StickyNoteText{text-align:center;color:#403a2f;background-color:#e4fdfa;border-left:20px solid #a9e2db;width:500px;height:50px;margin:100px auto 50px;padding:.5rem;font-size:1.5rem;line-height:2;transform:rotate(-3deg);box-shadow:5px 5px 5px rgba(150,150,150,.38)}.Footer-module__S6Hkya__dashed{background-image:radial-gradient(circle,#c7c7c7 4px,transparent 5px);background-size:16px 2px;width:80%;height:1.5px;margin:0 auto}
.Works-module__mW4etW__FirstBox{justify-content:center;align-items:center;gap:50px;margin-top:40px;display:flex}.Works-module__mW4etW__type{color:gray;font-size:.8rem;line-height:.2rem}.Works-module__mW4etW__TitleBox{color:#403a2f;background-color:#e4fdfa;border-left:20px solid #a9e2db;align-items:center;width:300px;height:60px;margin-bottom:20px;padding-left:20px;display:flex;box-shadow:3px 3px 3px rgba(150,150,150,.38)}.Works-module__mW4etW__Tag{color:#403a2f;background:#e9e9e9;border-radius:10px;padding:6px 20px}.Works-module__mW4etW__position{margin-top:30px;font-size:.8rem}.Works-module__mW4etW__tools{font-size:.8rem}.Works-module__mW4etW__LinkButton{color:#de9f84;z-index:1;cursor:pointer;border:2px solid #de9f84;border-radius:20px;justify-content:center;align-items:center;gap:50px;width:250px;height:50px;margin:20px 0;text-decoration:none;display:flex;position:relative;overflow:hidden}.Works-module__mW4etW__LinkButton:first-child{margin-top:80px}.Works-module__mW4etW__LinkButton:after{content:"";transform-origin:0 0;z-index:-1;background:#de9f84;transition:transform .3s cubic-bezier(.45,0,.55,1);position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleX(0)}.Works-module__mW4etW__LinkButton:hover{color:#fff}.Works-module__mW4etW__LinkButton:hover:after{transform:scale(1)}.Works-module__mW4etW__Note{color:gray;margin-top:2px;font-size:.8rem;line-height:1.4}
.More-module__d3aICW__more{border-bottom:1px solid #898888;width:80%;margin:50px auto}.More-module__d3aICW__TitleBox{background:#898888;border-radius:30px;width:200px;height:40px}.More-module__d3aICW__Title{color:#fff;justify-content:center;line-height:2.5rem;display:flex}.More-module__d3aICW__text{color:#403a2f;margin:40px 20px}
.page-module__VBdWPW__NoteBox{z-index:1;background:#b59b77;width:95%;display:flex;position:relative;box-shadow:5px 5px 5px rgba(150,150,150,.38)}.page-module__VBdWPW__NotePage{z-index:2;background:#fff;width:90%;margin:10px 10px 0 auto;padding:50px 0;box-shadow:5px 5px 5px rgba(150,150,150,.38)}.page-module__VBdWPW__ProfileBox{align-items:center;gap:50px;width:83%;margin:30px auto 100px;display:flex}.page-module__VBdWPW__Furigana{color:#a7a7a7;margin:0;font-size:.8rem;line-height:.1rem}.page-module__VBdWPW__NameBox{color:#403a2f;align-items:center;gap:50px;display:flex}.page-module__VBdWPW__Name{color:#403a2f;margin:0;font-size:1.8rem}.page-module__VBdWPW__Year{color:#fff;background:#de9f84;border-radius:20px;padding:5px 20px;line-height:1.4rem}.page-module__VBdWPW__Year span{font-size:1.2rem}.page-module__VBdWPW__Text{color:#9c9c9c;margin:30px 0;font-size:.9rem}.page-module__VBdWPW__SkillBox{background:#f9f9f9;width:100%;margin-bottom:100px;padding:50px 0 80px}.page-module__VBdWPW__Skill{width:80%;margin:0 auto;display:flex}.page-module__VBdWPW__DesignSkill,.page-module__VBdWPW__CodingSkill{width:100%}.page-module__VBdWPW__AchievementBox{justify-content:center;width:80%;margin:50px auto 100px;display:flex}.page-module__VBdWPW__Achievement{flex-flow:column;align-items:center;display:flex}.page-module__VBdWPW__MoreWork{color:#de9f84;z-index:1;cursor:pointer;border:2px solid #de9f84;border-radius:20px;justify-content:center;align-items:center;gap:50px;width:200px;height:50px;margin:20px;text-decoration:none;display:flex;position:relative;overflow:hidden}.page-module__VBdWPW__MoreWork:after{content:"";transform-origin:0 0;z-index:-1;background:#de9f84;transition:transform .3s cubic-bezier(.45,0,.55,1);position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleX(0)}.page-module__VBdWPW__MoreWork:hover{color:#fff}.page-module__VBdWPW__MoreWork:hover:after{transform:scale(1)}.page-module__VBdWPW__HistoryBox{background:#fff;border:1px solid #ccc;width:70%;height:300px;margin:0 auto 50px;padding:50px 50px 30px;overflow-y:auto;box-shadow:inset 2px 2px 5px rgba(0,0,0,.1)}.page-module__VBdWPW__timeline{margin:0;padding:0;list-style:none}.page-module__VBdWPW__item{align-items:flex-start;gap:20px;margin-bottom:30px;display:flex}.page-module__VBdWPW__time{color:#403a2f;flex:0 0 100px;font-weight:700}.page-module__VBdWPW__content{color:#403a2f;background:#f9f9f9;border:1px solid #ddd;border-radius:6px;flex:1;padding:8px 12px;font-size:.95rem}.page-module__VBdWPW__link{color:#a6a6a6;text-decoration:underline}
.page-module__OTfYDG__NoteBox{z-index:1;background:#b59b77;width:95%;display:flex;position:relative;box-shadow:5px 5px 5px rgba(150,150,150,.38)}.page-module__OTfYDG__NotePage{z-index:2;background:#fff;width:90%;margin:10px 10px 0 auto;padding:50px 0;box-shadow:5px 5px 5px rgba(150,150,150,.38)}.page-module__OTfYDG__Pickup{flex-flow:column;align-items:center;gap:100px;width:100%;display:flex}.page-module__OTfYDG__ThumbnailBox{flex-flow:column;align-items:center;margin-top:-50px;display:flex}.page-module__OTfYDG__ThumbnailBox p{color:gray;margin:-30px}.page-module__OTfYDG__MoreWork{color:#de9f84;z-index:1;cursor:pointer;border:2px solid #de9f84;border-radius:20px;justify-content:center;align-items:center;gap:50px;width:200px;height:50px;margin:50px 0;text-decoration:none;display:flex;position:relative;overflow:hidden}.page-module__OTfYDG__MoreWork:after{content:"";transform-origin:0 0;z-index:-1;background:#de9f84;transition:transform .3s cubic-bezier(.45,0,.55,1);position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleX(0)}.page-module__OTfYDG__MoreWork:hover{color:#fff}.page-module__OTfYDG__MoreWork:hover:after{transform:scale(1)}.page-module__OTfYDG__WorksBox{flex-wrap:wrap;justify-content:center;gap:50px;max-width:900px;margin:100px auto;display:flex}
.Logo-module__wacNiq__LogoMore{width:300px;margin:50px auto 20px}.Logo-module__wacNiq__text{color:#403a2f;font-size:.9rem}
.page-module__Z6s1ea__NoteBox{z-index:1;background:#b59b77;width:95%;display:flex;position:relative;box-shadow:5px 5px 5px rgba(150,150,150,.38)}.page-module__Z6s1ea__NotePage{z-index:2;background:#fff;width:90%;margin:10px 10px 0 auto;padding:50px 0;box-shadow:5px 5px 5px rgba(150,150,150,.38)}.page-module__Z6s1ea__More{background:#f9f9f9;width:100%;margin:100px 0;padding:100px 0}.page-module__Z6s1ea__Wrap{justify-content:center;width:100%;display:flex}.page-module__Z6s1ea__Logo,.page-module__Z6s1ea__Color{width:50%}.page-module__Z6s1ea__ColorPalletBox{justify-content:center;gap:5%;margin-top:40px;display:flex}.page-module__Z6s1ea__MainColor{background:#ffe162;border:1px solid #403a2f;border-radius:50%;width:100px;height:100px}.page-module__Z6s1ea__BaseColor{background:#d65550;border:1px solid #403a2f;border-radius:50%;width:100px;height:100px}.page-module__Z6s1ea__AccentColor{background:#eee;border:1px solid #403a2f;border-radius:50%;width:100px;height:100px}.page-module__Z6s1ea__ColorCode{text-align:center}.page-module__Z6s1ea__ColorText{color:#403a2f;width:70%;margin:30px auto 0;font-size:.9rem}
.page-module__OSLHOG__NoteBox{z-index:1;background:#b59b77;width:95%;display:flex;position:relative;box-shadow:5px 5px 5px rgba(150,150,150,.38)}.page-module__OSLHOG__NotePage{z-index:2;background:#fff;width:90%;margin:10px 10px 0 auto;padding:50px 0;box-shadow:5px 5px 5px rgba(150,150,150,.38)}.page-module__OSLHOG__CONTACT{width:100%;margin-top:60px}.page-module__OSLHOG__text{text-align:center;color:#403a2f;margin:30px 0}.page-module__OSLHOG__MEMO{width:100%;display:block;position:relative}.page-module__OSLHOG__MailBox{border-radius:6px;align-items:center;gap:20px;padding:6px 12px;display:flex;position:absolute;top:62%;left:54%;transform:translate(-50%,-50%)}.page-module__OSLHOG__email{color:#403a2f;margin:0;font-size:1.3rem;font-weight:700}.page-module__OSLHOG__CopyMark{cursor:pointer;background:#e9e9e9 url(/copy-icon.svg) 50%/60% no-repeat;border:1px solid #d9d9d9;border-radius:10px;width:40px;height:40px;transition:background-color .2s}.page-module__OSLHOG__CopyMark:active{background-color:#666}.page-module__OSLHOG__Box{align-items:center;gap:20px;display:flex;position:relative}.page-module__OSLHOG__copiedToast{color:#403a2f;white-space:nowrap;opacity:0;pointer-events:none;background:#fff;border:1px solid #d9d9d9;border-radius:6px;padding:6px 10px;font-size:.85rem;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(-4px)}.page-module__OSLHOG__show{opacity:1;transform:translate(-50%)translateY(0)}.page-module__OSLHOG__dashed{background-image:radial-gradient(circle,#c7c7c7 4px,transparent 5px);background-size:16px 2px;width:80%;height:1.5px;margin:30px auto}.page-module__OSLHOG__copy{text-align:center;color:#777;font-size:.8rem}