@charset "UTF-8";/*!
global > color
------------------------------
*/:root{--color-black: #000;--color-gray: #d9d9d9;--color-yellow: #faff00}:root{--color-bg: var(--color-yellow);--color-image: var(--color-gray);--color-font: var(--color-black);--color-follower: var(--color-black)}/*!
global > content-width
------------------------------
*/:root{--width-content-s: 500px;--width-content: 1000px}/*!
global > font
------------------------------
*/:root{--font-family-base: "source-han-sans-japanese", sans-serif;--font-family-english: "brandon-grotesque", sans-serif}/*!
foundation > reset
------------------------------
*/html{color:#000;background:#fff;font-size:100%}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0;width:100%}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:before,q:after{content:""}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select,button{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;font-size:100%;border-radius:0;border:none;appearance:none;-webkit-appearance:none;background-color:inherit}input,textarea,select{font-size:16px}textarea{resize:vertical;display:block}button{padding:0;cursor:pointer}legend{color:#000}main{display:block}a{text-decoration:none;color:inherit}img{width:100%;height:auto;display:block}svg{display:block}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}*:before,*:after{box-sizing:border-box}/*!
foundation > base
------------------------------
*/html{background-color:var(--color-bg)}body{color:var(--color-font);font-weight:400;font-size:14px;font-family:var(--font-family-base);line-height:1.425;text-align:left}.main-content{position:relative}/*!
component > text
------------------------------
*/.c-text-level1-ls10,.c-text-level1-ls15{font-weight:500;font-size:clamp(1.5rem,1.364rem + .68vw,1.875rem);font-family:var(--font-family-english)}.c-text-level1-ls15{letter-spacing:.1em}@media screen and (min-width: 767px){.c-text-level1-ls15{letter-spacing:.15em}}.c-text-level1-ls10{letter-spacing:.1em}.c-text-level2{font-size:16px;letter-spacing:.05em}@media screen and (min-width: 767px){.c-text-level2{font-size:20px}}.c-text-level3-jp-medium{font-weight:500;font-size:14px;letter-spacing:.05em}@media screen and (min-width: 767px){.c-text-level3-jp-medium{font-size:18px}}.c-text-level4{font-weight:500;font-size:clamp(.875rem,.83rem + .23vw,1rem);font-family:var(--font-family-english);letter-spacing:.05em}.c-text-level4-jp-medium{font-weight:500;font-size:13px;letter-spacing:.05em}@media screen and (min-width: 767px){.c-text-level4-jp-medium{font-size:16px}}.c-text-level5-footer{font-weight:500;font-size:12px;font-family:var(--font-family-english)}@media screen and (min-width: 767px){.c-text-level5-footer{font-size:14px}}.c-text-level5-jp-regular{font-size:12px}@media screen and (min-width: 767px){.c-text-level5-jp-regular{font-size:14px;letter-spacing:.05em}}.c-text-level5-jp-medium{font-weight:500;font-size:12px;letter-spacing:.05em}@media screen and (min-width: 767px){.c-text-level5-jp-medium{font-size:14px}}.c-text-level5-jp-tag{font-weight:500;font-size:12px;font-family:var(--font-family-english);letter-spacing:.1em}@media screen and (min-width: 767px){.c-text-level5-jp-tag{font-size:14px}}.c-text-level5-en-medium{font-weight:500;font-family:var(--font-family-english);letter-spacing:.05em}.link-underline{text-decoration:underline}.link-underline:hover{text-decoration:none}.wf-loading body{visibility:hidden}.wf-active body{visibility:visible}#stalker{opacity:0}@media screen and (min-width: 767px){#stalker{opacity:1;position:fixed;top:-5px;left:-5px;z-index:999;transform:translate(0);width:10px;height:10px;border-radius:50%;background-color:var(--color-follower);transition:all .3s;transition-timing-function:ease-out;pointer-events:none}}#stalker.hide{visibility:hidden}.anmItem{clip-path:inset(0 0 100% 0);transform:translateY(30px);transition:all .4s ease-out}.is-active{clip-path:inset(0);transform:translateY(0)}.heartbeat{-webkit-animation:heartbeat 1.5s ease-in-out infinite both;animation:heartbeat 1.5s ease-in-out infinite both}@-webkit-keyframes heartbeat{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.96);transform:scale(.96);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.99);transform:scale(.99);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.94);transform:scale(.94);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.96);transform:scale(.96);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.99);transform:scale(.99);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.94);transform:scale(.94);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.pop-media-content{position:relative}.pop-media{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;opacity:0;position:absolute;width:300px;height:200px;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;pointer-events:none}.pop-media--mask{width:375px;height:250px;-webkit-mask:url(/img/mask30.png);mask:url(/img/mask30.png);-webkit-mask-size:3100% 100%;mask-size:3100% 100%}.pop-media--mask.pop-media--show{-webkit-animation:mask-play 1s steps(30) forwards;animation:mask-play 1s steps(30) forwards}@-webkit-keyframes mask-play{0%{-webkit-mask-position:0% 50%;mask-position:0% 50%}to{-webkit-mask-position:100% 50%;mask-position:100% 50%}}@keyframes mask-play{0%{-webkit-mask-position:0% 50%;mask-position:0% 50%}to{-webkit-mask-position:100% 50%;mask-position:100% 50%}}.pop-media--mask.pop-media--hide{-webkit-animation:mask-hide 1s steps(30) forwards;animation:mask-hide 1s steps(30) forwards}@-webkit-keyframes mask-hide{0%{-webkit-mask-position:100% 50%;mask-position:100% 50%}to{-webkit-mask-position:0% 50%;mask-position:0% 50%}}@keyframes mask-hide{0%{-webkit-mask-position:100% 50%;mask-position:100% 50%}to{-webkit-mask-position:0% 50%;mask-position:0% 50%}}.pop-media--maskfull{position:fixed;width:100vw;height:100vh}@media screen and (max-width: 50em){.pop-media{width:225px;height:150px}.pop-media--mask{width:281.25px;height:187.5px}.pop-media--maskfull{width:100vw;height:100vh}}/*!
layout > container
------------------------------
*/.l-container,.l-container-s{width:90%;margin:0 auto}.l-container-s{max-width:var(--width-content-s)}.l-container{max-width:var(--width-content)}/*!
layout > background
------------------------------
*/.bg-logo{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;pointer-events:none}/*!
layout > header
------------------------------
*/.header-nav{padding-top:12px;padding-bottom:58px;padding-left:16px}@media screen and (min-width: 767px){.header-nav{padding-top:20px;padding-bottom:70px;padding-left:38px}}@media screen and (min-width: 1080px){.header-nav{padding-top:37px;padding-bottom:120px;padding-left:55px}}.header-nav-list{display:flex;gap:19px}@media screen and (min-width: 767px){.header-nav-list{gap:57px}}/*!
layout > footer
------------------------------
*/footer{padding-top:58px;padding-bottom:16px;text-align:center}@media screen and (min-width: 767px){footer{padding-top:120px;padding-bottom:24px}}/*!
page > top (index.astro)
------------------------------
*/.post-img img{aspect-ratio:1000/350;object-fit:cover}.post-img:hover img{-webkit-animation:heartbeat 1.5s ease-in-out infinite both;animation:heartbeat 1.5s ease-in-out infinite both}.top-post:not(:last-child){padding-bottom:42px}@media screen and (min-width: 767px){.top-post:not(:last-child){padding-bottom:63px}}@media screen and (min-width: 1080px){.top-post:not(:last-child){padding-bottom:84px}}.post-title{margin-top:10px}@media screen and (min-width: 767px){.post-title{margin-top:15px}}@media screen and (min-width: 1080px){.post-title{margin-top:20px}}/*!
page > posts (posts > [id].astro)
------------------------------
*/.arrow-left-icon{position:absolute;top:200px;left:52px;transform:scaleX(-1);width:58px;height:63px}.arrow-right-icon{position:absolute;top:200px;right:52px;width:58px;height:63px}.arrow-left-icon img,.arrow-right-icon img{visibility:hidden}@media screen and (min-width: 1234px){.arrow-left-icon img,.arrow-right-icon img{visibility:visible}}.detail-title{padding-bottom:6px}.detail-info{position:relative}.contents{padding-top:26px}.contents p{margin-bottom:20px;font-size:12px;line-height:2}@media screen and (min-width: 767px){.contents p{margin-bottom:30px;font-size:14px;letter-spacing:.05em}}.contents h2{margin-bottom:32px;font-size:20px}.contents h3{margin-bottom:32px;font-size:16px}.contents strong{font-weight:700}.content a,.contents a{text-decoration:underline}.contents a:hover{text-decoration:none}.contents ul{list-style:disc inside;margin-bottom:32px;line-height:2}.contents ol{list-style:decimal inside;margin-bottom:32px;line-height:2}.contents .has-text-align-center{text-align:center}.contents figure{margin-right:0;margin-left:0}.contents img{margin-bottom:42px}/*!
page > tags (tags > [name].astro)
------------------------------
*/.tag-page-title{padding-bottom:49px}.tag-list{display:flex;gap:13px;padding-top:2px}@media screen and (min-width: 767px){.tag-list{gap:14px;padding-top:5px}}/*!
page > about (about.astro)
------------------------------
*/.about-name{padding-bottom:6px}@media screen and (min-width: 767px){.about-name{padding-bottom:8px}}.about-office{padding-bottom:32px}@media screen and (min-width: 767px){.about-office{padding-bottom:48px}}@media screen and (min-width: 1080px){.about-office{padding-bottom:64px}}.about-img{max-width:100%}.about-message{padding-top:56px}@media screen and (min-width: 767px){.about-message{padding-top:84px}}@media screen and (min-width: 1080px){.about-message{padding-top:112px}}.about-catch{padding-top:28px}@media screen and (min-width: 767px){.about-catch{padding-top:39px}}.about-catch p{line-height:1.7}.about-text24{padding-top:20px}@media screen and (min-width: 767px){.about-text24{padding-top:24px}}.about-text24 p{line-height:2}.about-text26{padding-top:22px}@media screen and (min-width: 767px){.about-text26{padding-top:26px}}.about-text26 p{line-height:2}.about-text28{padding-top:24px}@media screen and (min-width: 767px){.about-text28{padding-top:28px}}.about-text28 p{line-height:2}.about-text24 span{display:inline}@media screen and (min-width: 500px){.about-text24 span{display:block}}.about-catch span,.about-text26 span,.about-text28 span{display:block}.about-ay{padding-top:56px}@media screen and (min-width: 767px){.about-ay{padding-top:90px}}@media screen and (min-width: 1080px){.about-ay{padding-top:117px}}.about-sns{padding-top:32px}@media screen and (min-width: 767px){.about-sns{padding-top:48px}}@media screen and (min-width: 1080px){.about-sns{padding-top:64px}}.about-sns-list{display:flex;gap:16px;padding-top:16px}@media screen and (min-width: 767px){.about-sns-list{padding-top:24px}}@media screen and (min-width: 1080px){.about-sns-list{padding-top:30px}}/*!
page > error (404.astro)
------------------------------
*/.error-info{display:flex;justify-content:center}.error-content{display:flex;flex-direction:column;justify-content:space-around;height:250px;text-align:center}@media screen and (min-width: 767px){.error-content{height:435px}}.error-message span{display:block}@media screen and (min-width: 767px){.error-message span{display:inline}}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0}}@keyframes astroFadeOut{to{opacity:0}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}