@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;}.nav_menu li,.main_text,.about,.works,.contact,.vertical_text{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-clip:text;background-size:200% 100%;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;}.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;}@keyframes circlemove{0%{bottom:95px}100%{bottom:0}}@keyframes cirlemovehide{0%{opacity:0}50%{opacity:1}80%{opacity:.9}100%{opacity:0}}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:bold;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 .8s ease 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:50%;left:-70px;transform:translateY(-50%);writing-mode:vertical-rl;text-orientation:mixed;font-size:40px;padding:10px;background-color:transparent;z-index:10;color:#000;}.timeline{list-style:none;position:relative;margin:80px auto;padding:0 40px;max-width:1100px;transform:translateX(-40px);}.timeline::before{content:'';position:absolute;top:0;left:280px;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{position:relative;display:flex;align-items:flex-start;margin-bottom:30px;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-weight:bold;color:#000;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:12px 16px;background:#f9f9f9;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.08);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_content ul{margin:10px 0 0;padding-left:19px;}.timeline_content ul li{margin-bottom:4px;line-height:1.4;}.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;}.skillCard{flex:1 1 400px;max-width:400px;margin-bottom:40px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;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);}.skillCard p{font-size:24px;font-weight:bold;margin-bottom:20px;}.icons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;}.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)}}#copyRight{display:grid;place-content:center;margin-top:100px;}