.l-header.--top:not(.scroll){z-index:9;-webkit-backdrop-filter:blur(20px);width:100%;transition:background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:absolute;top:0;left:0;background:#5653501a!important}.l-header.--top:not(.scroll) .l-navigation__item a{color:#fff!important}.l-header.--top:not(.scroll) .l-navigation__item a:after{background:#fff}.l-header.--top:not(.scroll) .l-navigation__item a:is(:hover,.current){color:#fffc!important}.l-header.--top:not(.scroll) .l-header__blog__item a{color:#fff!important;border-color:#ffffff4d!important}.l-header.--top:not(.scroll) .l-header__blog__item a:hover{background-color:#ffffff1a!important;border-color:#ffffff80!important}.l-header.--top:not(.scroll) .c-link-external:after{filter:brightness(0)invert()}.l-header.--top:not(.scroll) .l-header__sns__item.--x{background-color:#fff3!important}.l-header.--top:not(.scroll) .l-header__sns__item.--x:hover{background-color:#ffffff4d!important}.l-header.--top:not(.scroll) .l-header__sns__item.--coconala{background-color:#f36b0a4d!important}.l-header.--top:not(.scroll) .l-header__sns__item.--coconala:hover{background-color:#f36b0a80!important}.l-header.--top:not(.scroll) .l-header__menuBtn-button span{background:#fff!important}.l-header.--top:not(.scroll) .l-header__logo img{filter:brightness(1.2)contrast(1.1)}.p-top-hero{align-items:center;min-height:100dvh;padding:20px;display:flex;position:relative;overflow:hidden}.p-top-hero:before{content:"";z-index:1;background-image:radial-gradient(circle,#ffffff1a 1px,#0000 1px);background-size:20px 20px;width:300px;height:300px;animation:3s ease-in-out infinite dots-fade;position:absolute;top:0;right:0}@keyframes dots-fade{0%,to{opacity:.3}50%{opacity:.6}}.p-top-hero__image{background-color:#f3f3f3;position:absolute;inset:0}.p-top-hero__image:before{content:"";z-index:1;background:linear-gradient(135deg,#000000d9 0%,#000000b3 50%,#f36b0a8c 100%);position:absolute;inset:0}.p-top-hero__image:after{content:"";-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1;background:radial-gradient(circle at 30%,#f36b0a26 0%,#0000 50%);animation:4s ease-in-out infinite pulse-glow;position:absolute;inset:0}@keyframes pulse-glow{0%,to{opacity:.5}50%{opacity:1}}.p-top-hero__image img{object-fit:cover;object-position:center;width:100%;height:100%;animation:20s ease-in-out infinite alternate slow-zoom}@keyframes slow-zoom{0%{transform:scale(1)}to{transform:scale(1.05)}}.p-top-hero__bubbly{z-index:2;pointer-events:none;position:absolute;inset:0}.p-top-hero__wrap{z-index:3;flex-direction:row;gap:40px;width:100%;margin:0 auto;padding:150px 20px 120px;display:flex;position:relative}.p-top-hero__icon{border:4px solid #f36b0a99;border-radius:50%;flex-shrink:0;width:200px;height:200px;animation:.6s ease-out .3s both icon-fade-in;position:relative;overflow:hidden}.p-top-hero__icon:after{content:"";pointer-events:none;border:2px solid #fff3;border-radius:50%;position:absolute;inset:-4px}.p-top-hero__icon img{object-fit:cover;width:100%;height:100%}@keyframes icon-fade-in{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.p-top-hero__text-content{flex-direction:column;flex:1;gap:20px;display:flex;position:relative}@keyframes line-grow{0%{opacity:0;width:0}to{opacity:1;width:60px}}.p-top-hero__en{color:#fff;text-align:left;text-shadow:2px 4px 12px #0006;font-size:0;line-height:1;position:relative}.p-top-hero__en__char{letter-spacing:.05em;font-family:Caveat Brush,sans-serif;font-size:clamp(64px,8vw,96px);font-weight:400;position:relative}.p-top-hero__ja{color:#ffffffe6;text-align:left;text-shadow:1px 2px 6px #0000004d;padding-left:2px;font-size:0;line-height:1.5}.p-top-hero__ja__char{letter-spacing:.2em;font-family:Roboto,sans-serif;font-size:clamp(16px,2vw,28px);font-weight:400}.p-top-hero__about{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;margin-top:20px;padding:28px 32px;animation:.8s ease-out 2.5s both about-fade-in;position:relative}.p-top-hero__about:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#f36b0a4d,#0000);border-radius:20px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.p-top-hero__about-text{color:#fffffff2;letter-spacing:.05em;margin:0;font-size:clamp(14px,1.5vw,17px);font-weight:300;line-height:1.9}@keyframes about-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.p-top-hero .char{animation-name:kf-animate-chars;animation-duration:.5s;animation-timing-function:cubic-bezier(.39,1.57,.58,1);animation-iteration-count:1;animation-direction:normal;animation-delay:0s;animation-fill-mode:both;display:inline-block}.p-top-hero .char:first-child{animation-delay:.25s}.p-top-hero .char:nth-child(2){animation-delay:.3s}.p-top-hero .char:nth-child(3){animation-delay:.35s}.p-top-hero .char:nth-child(4){animation-delay:.4s}.p-top-hero .char:nth-child(5){animation-delay:.45s}.p-top-hero .char:nth-child(6){animation-delay:.5s}.p-top-hero .char:nth-child(7){animation-delay:.55s}.p-top-hero .char:nth-child(8){animation-delay:.6s}.p-top-hero .char:nth-child(9){animation-delay:.65s}.p-top-hero .char:nth-child(10){animation-delay:.7s}.p-top-hero .char:nth-child(11){animation-delay:.75s}.p-top-hero .char:nth-child(12){animation-delay:.8s}.p-top-hero .char:nth-child(13){animation-delay:.85s}.p-top-hero .char:nth-child(14){animation-delay:.9s}.p-top-hero .char:nth-child(15){animation-delay:.95s}.p-top-hero .char:nth-child(16){animation-delay:1s}.p-top-hero .char:nth-child(17){animation-delay:1.05s}.p-top-hero .char:nth-child(18){animation-delay:1.1s}.p-top-hero .char:nth-child(19){animation-delay:1.15s}.p-top-hero .char:nth-child(20){animation-delay:1.2s}.p-top-hero .char:nth-child(21){animation-delay:1.25s}.p-top-hero .char:nth-child(22){animation-delay:1.3s}.p-top-hero .char:nth-child(23){animation-delay:1.35s}.p-top-hero .char:nth-child(24){animation-delay:1.4s}.p-top-hero .char:nth-child(25){animation-delay:1.45s}.p-top-hero .char:nth-child(26){animation-delay:1.5s}.p-top-hero .char:nth-child(27){animation-delay:1.55s}.p-top-hero .char:nth-child(28){animation-delay:1.6s}.p-top-hero .char:nth-child(29){animation-delay:1.65s}.p-top-hero .char:nth-child(30){animation-delay:1.7s}.p-top-hero .char:nth-child(31){animation-delay:1.75s}.p-top-hero .char:nth-child(32){animation-delay:1.8s}.p-top-hero .char:nth-child(33){animation-delay:1.85s}.p-top-hero .char:nth-child(34){animation-delay:1.9s}.p-top-hero .char:nth-child(35){animation-delay:1.95s}@keyframes kf-animate-chars{0%{opacity:0;transform:translateY(-50%)}to{opacity:1;transform:translateY(0)}}.p-top-hero__scroll{z-index:4;cursor:pointer;flex-direction:column;align-items:center;gap:10px;text-decoration:none;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.p-top-hero__scroll:hover{opacity:.8}.p-top-hero__scroll:hover .p-top-hero__scroll-circle{animation-duration:1.5s}.p-top-hero__scroll-text{color:#fffc;letter-spacing:.2em;text-transform:uppercase;font-family:Roboto,sans-serif;font-size:12px;font-weight:300}.p-top-hero__scroll-line{background:#ffffff4d;width:1px;height:60px;display:block;position:relative}.p-top-hero__scroll-circle{background:#ffffffe6;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite scroll-circle-move;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 10px #ffffff80}@keyframes scroll-circle-move{0%{opacity:0;top:0}20%{opacity:1}80%{opacity:1}to{opacity:0;top:52px}}.p-top-about__cont{flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:40px;display:flex}@media (max-width:767px){.p-top-about__cont{flex-direction:column;align-items:center;gap:30px}}.p-top-about__image{border:1px solid 1px solid #f36b0a4d;border-radius:50%;flex-shrink:0;overflow:hidden}.p-top-about__text-area{flex-direction:column;flex:1;gap:30px;display:flex}.p-top-about__speech-bubble{background:#fff;border:1px solid #f36b0a;border-radius:20px;padding:20px 25px;position:relative}.p-top-about__speech-bubble:before{content:"";border-top:11px solid #0000;border-bottom:11px solid #0000;border-right:11px solid #f36b0a;width:0;height:0;position:absolute;top:80px;left:-11px}.p-top-about__speech-bubble:after{content:"";border-top:10px solid #0000;border-bottom:10px solid #0000;border-right:10px solid #fff;width:0;height:0;position:absolute;top:80.7px;left:-9px}.p-top-about__speech-bubble p{text-align:left;color:#333;margin:0;line-height:1.8}@media (max-width:767px){.p-top-about__speech-bubble{border-radius:10px;padding:15px 20px}.p-top-about__speech-bubble:before{top:-8px;left:50%;transform:translate(-50%)rotate(225deg)}.p-top-about__speech-bubble:after{top:-6.5px;left:calc(50% + .45px);transform:translate(-50%)rotate(225deg)}}.p-top-about__button{text-align:center;margin-top:40px}.p-top-skill__cont{flex-wrap:wrap;justify-content:center;gap:30px;line-height:1.8;display:flex}.p-top-skill__item-heading{padding:15px 0 10px}.p-top-skill__button{justify-content:center;margin-top:40px;display:flex}.p-top-diary__cont{text-align:center}.p-top-diary__list{margin-top:30px}.p-top-diary__button{justify-content:center;margin-top:40px;display:flex}.p-top-contact__button{margin-top:30px}@media (max-width:1040px){.p-top-hero__wrap{gap:40px}.p-top-hero__icon{width:140px;height:140px}.p-top-hero__en__char{font-family:Caveat Brush,sans-serif;font-size:clamp(64px,7vw,80px);font-weight:400}.p-top-hero__ja__char{font-family:Roboto,sans-serif;font-size:clamp(18px,2.2vw,24px);font-weight:400}}@media (max-width:767px){.p-top-hero{align-items:center;display:flex}.p-top-hero__wrap{flex-direction:column;align-items:center;gap:25px;padding:80px 0}.p-top-hero__icon{border-width:3px;width:120px;height:120px}@keyframes icon-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.p-top-hero__text-content{width:100%}.p-top-hero__text-content:before{width:50px;top:-20px;left:50%;transform:translate(-50%)}@keyframes line-grow{0%{opacity:0;width:0}to{opacity:1;width:50px}}.p-top-hero__en{text-align:center;line-height:1.2}.p-top-hero__en__char{font-family:Caveat Brush,sans-serif;font-size:clamp(52px,13vw,80px);font-weight:400}.p-top-hero__ja{text-align:center;padding-left:0}.p-top-hero__ja__char{letter-spacing:.15em;font-family:Roboto,sans-serif;font-size:clamp(16px,5vw,24px);font-weight:300}.p-top-hero__about{margin-top:15px;padding:22px 24px}.p-top-hero__about-text{text-align:left;font-size:14px;line-height:1.8}.p-top-hero__scroll{bottom:0}.p-top-hero__scroll-line{height:50px}@keyframes scroll-circle-move{0%{opacity:0;top:0}20%{opacity:1}80%{opacity:1}to{opacity:0;top:42px}}.p-top-about__cont p{text-align:left}.p-top-about__speech-bubble:before{border-bottom:12px solid #f36b0a;border-left:12px solid #0000;border-right:none}.p-top-about__speech-bubble:after{border-bottom:10px solid #fff;border-left:10px solid #0000;border-right:none}.p-top-skill img{width:100%}.p-top-skill__cont{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.p-top-skill__button{justify-content:center;margin-top:50px;display:flex}.p-top-diary__cont{text-align:left}.p-top-contact img{width:100%}.p-top-contact__cont{gap:20px}.p-top-contact__button{text-align:center;margin-top:20px}}@media (max-width:767px){.p-top-results__cont p{text-align:left}}.results-slider-wrapper{position:relative}.results-slider-wrapper .results-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (min-width:768px){.results-slider-wrapper .results-grid{gap:25px}}@media (min-width:1041px){.results-slider-wrapper .results-grid{gap:30px}}@media (max-width:767px){.results-slider-wrapper .results-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:stretch;gap:15px;margin:0 -20px;padding:0 7.5%;scroll-padding-left:7.5%;scroll-padding-right:7.5%;display:flex;overflow-x:auto}.results-slider-wrapper .results-grid::-webkit-scrollbar{display:none}.results-slider-wrapper .results-grid .result-card{scroll-snap-align:center;scroll-snap-stop:always;flex-direction:column;flex:0 0 100%;height:auto;display:flex}}.results-slider-nav{display:none}@media (max-width:767px){.results-slider-nav{cursor:pointer;z-index:10;color:#f36b0a;background:#fffffff2;border:1px solid #f36b0a4d;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #0000001a}.results-slider-nav:hover,.results-slider-nav:active{color:#fff;background:#f36b0a;border-color:#f36b0a;box-shadow:0 4px 12px #f36b0a4d}.results-slider-nav:focus{outline:none;box-shadow:0 0 0 3px #f36b0a33}.results-slider-nav.is-disabled,.results-slider-nav:disabled,.results-slider-nav.is-disabled:hover,.results-slider-nav.is-disabled:active,.results-slider-nav:disabled:hover,.results-slider-nav:disabled:active{color:#0000004d;background:#fff9;border-color:#0000001a;box-shadow:0 1px 3px #0000000d}.results-slider-nav svg{width:20px;height:20px}.results-slider-nav--prev{left:-10px}.results-slider-nav--next{right:-10px}}.p-top-results__cont{text-align:center;margin-bottom:40px}.p-top-results__cont p{color:#282828;max-width:800px;margin:0 auto;font-size:16px;line-height:1.8}@media (max-width:767px){.p-top-results__cont p{text-align:left}}.p-top-results__list{margin-bottom:50px}.p-top-results__button{text-align:center}@media (max-width:767px){.p-top-results__cont p{font-size:15px}.p-top-results__list{margin-bottom:40px}.p-top-results__list .results-grid{gap:24px;padding:0 10%}}.p-top-results .result-card{background:#fff;border:1px solid #f36b0a33;border-radius:10px;flex-direction:column;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #f36b0a0d}.p-top-results .result-card:hover{border-color:#f36b0a80;transform:translateY(-2px);box-shadow:0 20px 25px -5px #f36b0a1f,0 10px 10px -5px #0000000a}.p-top-results .result-card:hover .result-card__image-img{transform:scale(1.08)}.p-top-results .result-card:hover .result-card__overlay{opacity:1}.p-top-results .result-card__link{height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.p-top-results .result-card__image{aspect-ratio:16/10;background:#f5f5f4;position:relative;overflow:hidden}.p-top-results .result-card__image-img{object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.p-top-results .result-card__overlay{opacity:0;pointer-events:none;background:linear-gradient(135deg,#f36b0a1a 0%,#f36b0a0d 100%);transition:opacity .3s;position:absolute;inset:0}.p-top-results .result-card__badge{z-index:2;position:absolute;top:12px;left:12px}.p-top-results .result-card__work-type{color:#fff;letter-spacing:.025em;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-transform:uppercase;border:1px solid #fff;border-radius:3.40282e38px;align-items:center;padding:3px 12px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 8px 24px #00000026}.p-top-results .result-card__action-icon{display:none}.p-top-results .result-card__content{flex-direction:column;flex:1;padding:15px;display:flex}.p-top-results .result-card__meta{color:#78716c;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;display:flex}.p-top-results .result-card__category{color:#f36b0a;text-transform:uppercase;letter-spacing:.05em;border:1px solid #f36b0a26;border-radius:20px;padding:2px 10px;font-weight:600}.p-top-results .result-card__period{font-weight:500}.p-top-results .result-card__title{color:#282828;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:18px;font-weight:700;line-height:1.5;transition:color .3s;display:-webkit-box;overflow:hidden}.p-top-results .result-card__summary{color:#57534e;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:14px;line-height:1.6;transition:color .3s;display:-webkit-box;overflow:hidden}.p-top-results .result-card__date{color:#a8a29e;margin-top:auto;font-size:12px;font-weight:500}@media (max-width:767px){.p-top-results .result-card__content{padding:16px}.p-top-results .result-card__title{font-size:15px}.p-top-results .result-card__summary{-webkit-line-clamp:2;font-size:13px}.p-top-results .result-card__badge{top:8px;left:8px}.p-top-results .result-card__action-icon{width:28px;height:28px;right:12px}.p-top-results .result-card__action-icon svg{width:14px;height:14px}}