.about__header{margin-top:1rem}.about__text{font-size:.9375rem;line-height:1.5;letter-spacing:.05em;margin-top:.5rem}.about__wrapper{width:100%;max-width:700px;margin-top:4rem;margin-left:auto;margin-right:auto}@media(max-width:768px){.about__wrapper{width:90%}}.about__inner{display:grid;grid-template-columns:320px 2fr;grid-gap:2rem;gap:2rem;background-color:inherit;border-radius:1rem;box-shadow:0 10px 40px #0009;margin-top:2rem;padding:2rem 1rem;transform:perspective(1000px) translateZ(20px)}@media(max-width:768px){.about__inner{grid-template-columns:1fr}}html.dark .about__inner{box-shadow:0 10px 40px #fff9}.about__textInner{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;color:var(--color-black);background:transparent;padding-left:1rem;padding-right:1rem}html.dark .about__textInner{color:var(--color-white)}.about__text{font-size:.9375rem;line-height:1.8;letter-spacing:.06em;text-align:justify}.about__text_link{color:var(--color-purple);text-decoration:underline}.about__text_link:focus-visible{color:var(--color-blue);text-decoration:underline}.about__text_link:hover{color:var(--color-blue);text-decoration:underline}html.dark .about__text_link{color:var(--color-red)}html.dark .about__text_link:focus-visible{color:var(--color-purple)}html.dark .about__text_link:hover{color:var(--color-purple)}.about__sns{margin-top:auto}.about__snsMenu{display:grid;grid-template-columns:repeat(4,48px);grid-gap:.75rem;gap:.75rem;padding:1.5rem .5rem .5rem}.about__snsMenu .sns-icon__item{display:inline-block;width:48px;height:48px;border:transparent 1px solid;border-radius:50%;box-shadow:0 8px 16px #0009;transition:transform .1s ease,box-shadow .3s ease}.about__snsMenu .sns-icon__item:focus-visible{box-shadow:0 16px 8px #0009}.about__snsMenu .sns-icon__item:hover{box-shadow:0 16px 8px #0009}.about__snsMenu .sns-icon__item:active{transform:scale(.8);box-shadow:0 8px 8px #0009}.about__snsMenu .sns-icon__link{display:flex;flex-direction:column;align-items:center;color:inherit;text-decoration:none;aspect-ratio:1 / 1;padding-top:.5rem;padding-left:.5rem;padding-right:.5rem;transition:all .3s ease}.about__snsMenu .sns-icon__link:focus-visible{color:var(--color-purple);stroke:var(--color-purple);fill:var(--color-purple)}.about__snsMenu .sns-icon__link:hover{color:var(--color-purple);stroke:var(--color-purple);fill:var(--color-purple)}html.dark .about__snsMenu .sns-icon__item{box-shadow:0 4px 8px #fff9}html.dark .about__snsMenu .sns-icon__item:focus-visible{box-shadow:0 8px 4px #fff9}html.dark .about__snsMenu .sns-icon__item:hover{box-shadow:0 8px 4px #fff9}html.dark .about__snsMenu .sns-icon__item:active{transform:scale(.8);box-shadow:0 8px 8px #fff9}html.dark .about__snsMenu .sns-icon__link svg{stroke:var(--color-white)}.about__snsMenu .sns-icon__link svg{font-size:1.5rem;transition:all .3s ease}.about__imageInner{width:100%;height:100%;aspect-ratio:3 / 4;overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative;margin-top:1rem}.about__imageInner:before{content:"";position:absolute;top:14%;left:24%;width:240px;height:240px;background-image:url(/black-outline_favicon.svg);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1;opacity:0;transform:scale(.3) rotate(-180deg);transition:all .6s cubic-bezier(.68,-.55,.265,1.55)}.about__imageInner.animate:before{opacity:1;transform:scale(1) rotate(0)}.about__image{width:240px;height:240px;-o-object-fit:cover;object-fit:cover;z-index:1}.skills__wrapper{width:100%;max-width:700px;margin-top:4rem;margin-left:auto;margin-right:auto}@media(max-width:768px){.skills__wrapper{width:90%}}.skills__inner{background-color:inherit;border-radius:1rem;box-shadow:0 10px 40px #0009;transform:perspective(1000px) translateZ(20px);margin-top:2rem;padding:2rem 1rem}html.dark .skills__inner{box-shadow:0 10px 40px #fff9}.skills__menu{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:2rem;gap:2rem;list-style:none;perspective:1000px;margin-top:2rem}@media(max-width:768px){.skills__menu{grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:2rem 1.5rem}}@media(max-width:480px){.skills__menu{grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.5rem 1rem}}@supports (-webkit-touch-callout: none){@media(max-width:768px){.skills .skills__wrapper .skills__menu{grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:2rem 1.5rem}}@media(max-width:480px){.skills .skills__wrapper .skills__menu{grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.5rem 1rem}}}.skills-icon{display:flex;flex-direction:column;align-items:center;color:inherit}.skills-icon__image[data-icon]{width:40px;height:40px;font-size:2rem;text-shadow:0 8px 16px rgba(0,0,0,.6);transition:all .4s ease-out;opacity:0;transform:scale(0)}.skills-icon__image[data-icon].show{opacity:1;transform:scale(1);transition:opacity .4s ease-out,transform .4s ease-out}@media(any-hover:hover){.skills-icon .skills-icon__image:focus-visible{transform:translateZ(20px) scale(1.6) rotate(720deg)}.skills-icon .skills-icon__image:hover{transform:translateZ(20px) scale(1.6) rotate(720deg)}}@media(any-hover:none){.skills-icon .skills-icon__image.touch-animate{transform:translateZ(20px) scale(1.6) rotate(720deg);transition:transform .3s ease-out}.skills-icon.touch-active .skills-icon__name{opacity:1;visibility:visible;transition:opacity .2s ease,visibility .2s ease}}.skills-icon__name{white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;margin-top:.25rem}@media(any-hover:hover){.skills-icon:focus-visible .skills-icon__name{opacity:1;visibility:visible}.skills-icon:hover .skills-icon__name{opacity:1;visibility:visible}}@media(prefers-color-scheme:dark){.skills-icon.swiper svg,.skills-icon.gsap svg{color:#000;color:initial;fill:initial}.skills-icon__name{color:inherit}}.service__wrapper{width:100%;max-width:700px;margin-top:4rem;margin-left:auto;margin-right:auto}@media(max-width:768px){.service__wrapper{width:90%}}.service__menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(32ch,1fr));grid-gap:3rem;gap:3rem;margin-top:2rem;padding:0;align-items:stretch}@media(max-width:768px){.service__menu{gap:4rem}}@media(max-width:480px){.service__menu{gap:5rem;margin-bottom:5rem}}.service__menu .card__item{height:100%;display:flex}.card__item{display:flex;height:100%;min-height:600px;background-image:none;background-size:500%;background-position:100%;perspective:1000px;border-radius:.5rem;box-shadow:0 0 8px #0009;transition:background-position .6s cubic-bezier(.22,1,.36,1);padding-top:1rem;padding-bottom:1rem}.card__flip-container{position:relative;width:100%;height:100%;min-height:500px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);-webkit-transform-style:preserve-3d;transform:translateZ(0)}.card__flip-container.flipped{transform:rotateY(180deg)}.card__front,.card__back{position:absolute;width:100%;height:100%;min-height:500px;backface-visibility:hidden;border-radius:8px;-webkit-backface-visibility:hidden;transform-style:preserve-3d}.card__front{z-index:2;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.card__back{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);z-index:1;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.card__flip-container.flipped .card__front{z-index:1}.card__flip-container.flipped .card__back{z-index:2}@media(max-width:768px){.card__flip-container{transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.card__front,.card__back{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;isolation:isolate;-webkit-isolation:isolate}.card__back,.card__flip-container.flipped{transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}@supports (-webkit-touch-callout: none){.card__front,.card__back{backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;transform-style:preserve-3d!important;-webkit-transform-style:preserve-3d!important;contain:layout style paint;-webkit-contain:layout style paint}.card__front{z-index:2!important}.card__back,.card__flip-container.flipped .card__front{z-index:1!important}.card__flip-container.flipped .card__back{z-index:2!important}}}.card__item_link{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;line-height:1.6;color:inherit;background-color:transparent;text-decoration:none;border-radius:8px;opacity:.8;padding:calc(1.5rem - 1px);overflow:hidden}.card__article{width:100%;height:100%}.card__item_header{font-size:1.125rem;border-bottom:var(--color-purple) 1px solid;transition:color .6s cubic-bezier(.22,1,.36,1);margin:0;text-align:center}.card__flip_arrow{min-width:120px;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem;font-weight:700;color:var(--color-white);background:linear-gradient(135deg,var(--color-purple) 0%,rgb(120,70,180) 100%);box-shadow:0 4px 12px #6633994d;border:none;border-radius:.5rem;margin-top:1rem;padding:.5rem 1rem;transition:all .3s ease-in-out}.card__flip_arrow:hover{background:linear-gradient(135deg,#7846b4,#639);transform:translateY(-2px);box-shadow:0 6px 16px #6396}.card__flip_arrow:active{transform:translateY(0);box-shadow:0 2px 8px #6633994d}.card__flip_arrow svg{width:16px;height:16px;transition:transform .3s ease}.card__item_body{font-size:.9375rem;line-height:1.8;letter-spacing:.04em;text-align:justify;margin-top:1rem;margin-bottom:1rem;flex-grow:1}.card__item:focus-visible{background-color:transparent;box-shadow:0 10px 10px #0009;background-position:0;background-image:linear-gradient(45deg,#eea1ff,#ffffff71,#93b7ff,#ffffff71,#aaf4fe)}.card__item:hover{background-color:transparent;box-shadow:0 10px 10px #0009;background-position:0;background-image:linear-gradient(45deg,#eea1ff,#ffffff71,#93b7ff,#ffffff71,#aaf4fe)}html.dark .card__item{box-shadow:0 4px 8px #fff9}html.dark .card__item:focus-visible{box-shadow:0 10px 10px #0009;background-position:0;background-image:linear-gradient(45deg,rgba(255,255,255,.44314),transparent,rgba(255,255,255,.44314),transparent,rgba(255,255,255,.44314))}html.dark .card__item:hover{box-shadow:0 10px 10px #0009;background-position:0;background-image:linear-gradient(45deg,rgba(255,255,255,.44314),transparent,rgba(255,255,255,.44314),transparent,rgba(255,255,255,.44314))}html.dark .card__flip_arrow{background:linear-gradient(135deg,#a855f7,#9333ea);box-shadow:0 4px 12px #a855f74d}html.dark .card__flip_arrow:hover{background:linear-gradient(135deg,#9333ea,#a855f7);box-shadow:0 6px 16px #a855f766}.card__item:focus-visible .card__item_header{color:rgb(var(--accent-light));color:var(--color-purple)}.card__item:hover .card__item_header{color:rgb(var(--accent-light));color:var(--color-purple)}.card__item_image{width:100%;max-width:300px;height:auto;min-height:200px;max-height:200px;-o-object-fit:contain;object-fit:contain;margin-top:auto;flex-shrink:0}.card__item .rive-container{width:100%;max-width:300px;height:auto;min-height:200px;max-height:200px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card__item .rive-component{width:100%;height:100%;min-height:200px;max-height:200px}.card__item .rive-component canvas{width:100%!important;height:100%!important;min-height:200px!important;max-height:200px!important;max-width:300px!important;-o-object-fit:contain!important;object-fit:contain!important;display:block}.card__item .rive-loading{display:flex;align-items:center;justify-content:center;width:100%;max-width:300px;height:auto;min-height:200px;max-height:200px}.card__item .rive-loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:var(--color-purple) 4px solid;border-radius:50%;animation:card-spin 1s linear infinite}@keyframes card-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card__back_content{width:100%;height:100%;min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#6633991a,#6633990d);border:1px solid rgba(102,51,153,.2);border-radius:.5rem;position:relative;overflow:hidden;padding:1rem .5rem}.card__back_content:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(102,51,153,.03) 50%,transparent 70%);pointer-events:none}.card__back_header{font-size:1.125rem;font-weight:700;text-align:center;border-bottom:2px solid rgba(102,51,153,.3);position:relative;z-index:1;padding-bottom:.5rem}.card__back_body{font-size:.9375rem;line-height:1.6;letter-spacing:.02em;text-align:center;margin-bottom:1.5rem;color:#639c;flex-grow:1;display:flex;align-items:center;position:relative;z-index:1}.card__back_details{width:100%;max-width:288px;padding-top:1rem;position:relative;z-index:1}.card__back_details_item{font-size:.9375rem;line-height:1.4;background:#66339914;color:var(--color-purple);margin-top:.5rem;padding:.5rem .75rem;border-radius:.5rem;border-left:var(--color-purple) 3px solid;transition:all .3s ease;box-shadow:0 2px 4px #6633991a}.card__back_details_item:hover{background:#6633991f;transform:translate(2px);box-shadow:0 4px 8px #66339926}.card__back_details_item:last-child{margin-bottom:0}html.dark .card__back_details_item{color:var(--color-white)}.card__back_details p{margin:0;color:inherit}.card__flip_back{min-width:120px;background:linear-gradient(135deg,#639,#7846b4);color:var(--color-white);border:none;border-radius:.5rem;margin-top:.5rem;padding:.25rem 2rem;font-size:1.25rem;font-weight:700;transition:all .3s ease;box-shadow:0 4px 12px #6633994d;position:relative;z-index:1}.card__flip_back:hover{background:linear-gradient(135deg,#7846b4,#639);transform:translateY(-2px);box-shadow:0 6px 16px #6396}.card__flip_back:active{transform:translateY(0);box-shadow:0 2px 8px #6633994d}.card__back_overlay{position:absolute;inset:0;width:100%;height:100%;z-index:10;cursor:pointer;background:transparent;pointer-events:auto;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-width:44px;min-height:44px}@media(max-width:768px){.card__back_overlay{touch-action:manipulation;pointer-events:auto;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}}