@charset "UTF-8";header{z-index:1000;position:absolute;top:0;left:0;width:100%;height:80px;padding:0 10%;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;opacity:0;transform:translateY(-30px)}header.start{animation:fadeDown 1.5s ease-out forwards;animation-delay:.2s}@keyframes fadeDown{from{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}header a img{margin-left:250px}.nav_menu{display:flex;margin-left:auto;gap:50px;align-items:center;opacity:0;transform:translateY(-50px);transition:opacity .8s ease,transform .8s ease}.nav_menu.slide_down{opacity:1;transform:translateY(0)}.nav_menu ul{display:flex;gap:60px}.nav_menu li{margin-left:50px;padding:10px 0;font-size:24px;font-weight:600}.about,.contact,.main_text,.nav_menu li,.vertical_text,.works{font-family:"Linux Libertine"}.hamburger{display:none}.gnavilink{position:relative;display:inline-block;color:transparent;font-size:24px;line-height:1.2;background:linear-gradient(to right,#84563c 50%,#000 50%) 100%;background-size:200% 100%;background-clip:text;-webkit-background-clip:text;transition:background-position .3s}.gnavilink:hover{background-position:0 100%}.gnavilink::after{position:absolute;content:"";bottom:-3px;left:50%;width:0;height:1px;background-color:#84563c;transition:.3s;transform:translateX(-50%)}.gnavilink:hover::after{width:100%}.scroll{position:fixed;right:80px;bottom:20px;height:300px;z-index:999;opacity:0;transform:translateY(6px);transition:opacity .6s ease-out,transform .6s ease-out;pointer-events:none}.scroll.show{opacity:1;transform:translateY(0)}.scroll.hide{opacity:0;transform:translateY(6px)}.scroll.is-back{pointer-events:auto;cursor:pointer}.scrollbar_text{position:absolute;bottom:0;left:50%;transform:translateX(-50%);padding:10px 10px 110px;font-size:14px;font-family:serif;line-height:1;letter-spacing:.2em;text-transform:uppercase;writing-mode:vertical-lr}.scrollbar{position:absolute;bottom:1px;left:50%;transform:translateX(-50%)}.scrollbar::after{content:"";position:absolute;bottom:0;left:0;width:1px;height:100px;background:#000}.scrollbar::before{content:"";position:absolute;bottom:0;left:-4px;width:8px;height:8px;border-radius:50%;background:#84563c;animation:circlemove 3s ease-in-out infinite,cirlemovehide 3s ease-out infinite}.scroll.is-back .scrollbar::before{animation:circlemove_back 3s ease-in-out infinite,cirlemovehide 3s ease-out infinite}.scroll.is-back .scrollbar_text{color:#84563c}@keyframes circlemove{0%{bottom:95px}100%{bottom:0}}@keyframes cirlemovehide{0%{opacity:0}50%{opacity:1}80%{opacity:.9}100%{opacity:0}}@keyframes circlemove_back{0%{bottom:0}100%{bottom:95px}}section{margin-inline:auto;max-width:1166px;margin-top:150px}.section_heading{display:flex;align-items:baseline;margin-bottom:60px}.about_title,.skill_title{font-family:'Linux Libertine';font-size:52px;font-weight:700;font-style:normal;margin:0 40px 0 0}.section_heading .subtitle{font-size:16px;line-height:1;position:relative;top:-2px;margin:0}.about_title span,.skill_title span,.subtitle span{display:inline-block;transform:translateY(100%);opacity:0}.bounce{animation:bounce .65s cubic-bezier(.33,0,.3,1.2) forwards}@keyframes bounce{0%{transform:translateY(50%);opacity:0}60%{transform:translateY(-5%);opacity:1}100%{transform:translateY(0);opacity:1}}.profile_name{display:flex;align-items:baseline;font-family:"Noto Sans JP",serif;font-size:24px;margin:0 35px 0 185px;line-height:1}.profile_subtitle{font-size:14px;line-height:1.2;margin:0;position:relative;top:-2px}.profile_name span,.profile_subtitle span{display:inline-block;opacity:0;transform:translateY(20px)}.fadeUp{animation:fadeUp .8s ease forwards}@keyframes fadeUp{0%{transform:translateY(20px);opacity:0}100%{transform:translateY(0);opacity:1}}.timeline_wrapper{position:relative}.vertical_text{position:absolute;top:20%;left:-90px;transform:translateY(-50%) translateX(-10px);writing-mode:vertical-rl;font-size:28px;letter-spacing:.15em;color:#84563c;opacity:0;transition:.8s ease}.vertical_text.show{opacity:.25;transform:translateY(-50%) translateX(0)}.vertical_text::before{content:"";position:absolute;top:-40px;left:50%;width:1px;height:30px;background:#84563c;opacity:0;transition:.8s ease}.vertical_text.show::before{opacity:.4}.profile_message{font-size:18px;line-height:1.8;margin:40px 0 10px 185px;opacity:0;transform:translateY(20px);transition:.6s}.profile_target{font-size:15px;line-height:1.6;margin:0 0 100px 185px;color:#666;opacity:0;transform:translateY(20px);transition:.6s}.sp_only{display:none}.timeline{list-style:none;position:relative;margin:0 auto 120px;padding:0 20px;max-width:1100px;transform:translateX(-40px)}.timeline::before{content:'';position:absolute;top:0;left:260px;bottom:0;width:4px;height:0;z-index:0;background:linear-gradient(to bottom,rgba(208,252,237,.6),rgba(208,252,237,.75),#d0fced);transform:translateX(-50%);transition:height 4.2s ease-in-out}.timeline.line-active::before{height:100%}.timeline li.current .timeline_content{border:2px solid #84563c;background:#fff}.timeline li{position:relative;display:flex;align-items:flex-start;margin-bottom:65px;opacity:0;transform:translateY(40px);transition:opacity 1s ease,transform 1s ease}.timeline li.show{opacity:1;transform:translateY(0)}.timeline_date{width:200px;margin-right:75px;padding-top:25px;text-align:right;font-size:15px;font-weight:700;color:#555;letter-spacing:.05em;z-index:1;opacity:0;transform:translateX(-30px);transition:opacity .6s ease .1s,transform .6s ease .1s}.timeline li.show .timeline_date{opacity:1;transform:translateX(0)}.timeline_content{position:relative;flex:1;margin-left:20px;margin-bottom:10px;padding:20px 24px;background:#fff;border-radius:12px;box-shadow:0 6px 16px rgba(0,0,0,.06);z-index:1;opacity:0;transform:translateY(30px);transition:opacity .8s ease .2s,transform .8s ease .2s}.timeline li.show .timeline_content{opacity:1;transform:translateY(0)}.timeline_content::before{content:'';position:absolute;top:33px;left:-60px;width:10px;height:10px;background:#84563c;border-radius:50%;z-index:2;transform:scale(0);transition:transform .4s ease .4s}.timeline li.show .timeline_content::before{transform:scale(1)}.timeline li.current .timeline_content::before{background:coral;top:33px;left:-62px}.timeline_content ul{margin:10px 0 0;padding-left:19px}.timeline_content ul li{margin-bottom:4px;line-height:1.6}.skill_point{margin-top:10px;font-weight:600;color:#84563c}.timeline_text{margin:0;color:#333;line-height:1.7}.timeline_text strong{display:block;margin-bottom:10px;padding-top:12px;font-size:18px;color:#333}.skill_title{margin-bottom:60px}.skillBox{display:flex;flex-direction:row;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:120px}.skill_text{margin-bottom:20px;padding-left:20px;text-align:left}.skill_text li{font-size:14px;line-height:1.6;margin-bottom:6px}.skillCard{flex:1 1 400px;max-width:400px;margin-bottom:40px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:30px 40px;background:#fff;border-radius:16px;z-index:0;opacity:0;transform:translateY(40px) scale(.95);transition:opacity .8s ease,transform .8s ease}.skillCard.show{opacity:1;transform:translateY(0) scale(1)}.skill_heading{font-size:24px;font-weight:700;margin-bottom:16px;letter-spacing:.05em}.icons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:10px}.icons img{width:60px;height:auto}.skillCard::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0deg,rgba(208,252,237,.6) 60deg,rgba(208,252,237,.4) 90deg,transparent 120deg,rgba(208,252,237,.5) 180deg,transparent 240deg,rgba(208,252,237,.4) 300deg,transparent 360deg);filter:blur(8px);animation:rotateGlow 6s linear infinite;z-index:1;border-radius:12px}.skillCard::after{content:"";position:absolute;inset:6px;background:#fff;border-radius:12px;z-index:2}.skillCard>*{position:relative;width:100%;z-index:3}@keyframes rotateGlow{from{transform:rotate(0)}to{transform:rotate(360deg)}}.contact_note{margin-top:40px;text-align:center;font-size:14px;color:#666}.contact_note a{color:#84563c;font-weight:500;text-decoration:underline}.contact_note a:hover{opacity:.7}.sp_only{display:none}#copyRight{display:grid;place-content:center;margin-top:100px}.sr_only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}