@charset "UTF-8";@import"https://cdn.jsdelivr.net/npm/destyle.css@4.0.1/destyle.min.css";@import"https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Italiana&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-thumb{background:#44444d}::-webkit-scrollbar-track{background:#22222d}@media only screen and (max-width: 900px){::-webkit-scrollbar-thumb{background:#44444d}::-webkit-scrollbar-track{background:#18181d}}body{color:#ddd;font-family:Noto Sans JP,sans-serif;font-size:14px;letter-spacing:.02rem;line-height:1.4;background-color:#fff;background-color:#18181d;padding:200px 0 0}@media only screen and (max-width: 900px){body{padding:120px 0 0}}header{background-color:#f1f1f1;height:60px;left:0;position:fixed;top:0;width:100%;z-index:101}main{min-height:100svh;padding:0}@media only screen and (max-width: 900px){main{min-height:calc(100svh - 120px)}}#root{position:relative;z-index:1}.gutter--01{margin:0 auto;position:relative;width:calc(100% - 8vw)}@media only screen and (max-width: 1080px){.gutter--01{width:calc(100% - 4vw)}}.wrap--01{margin:0 auto;max-width:2000px}.wrap--01.wrap_left{margin-left:0;margin-right:auto}.title--01{font-size:16px;font-weight:800;line-height:1.2;margin:0 0 40px;position:relative;z-index:1}.title--01 h1,.title--01 h2,.title--01 h3,.title--01 h4,.title--01 h5,.title--01 h6{position:relative;z-index:1}.headerNav--01{background-color:#fff;background-color:#1cd78b;height:70px;left:0;position:fixed;top:0;width:100%;z-index:99}.headerNav--01 .headerNav-header{color:inherit;font-size:12px;font-style:normal;font-weight:700;letter-spacing:.02rem;margin:0 auto;width:100%;max-width:2000px}.headerNav--01 .headerNav-header .headerNav-anchor{display:block;margin:15px 0 0;width:120px;z-index:3}@media only screen and (max-width: 900px){.headerNav--01 .headerNav-header .headerNav-anchor{margin-left:auto;margin-right:auto}}.headerNav--01 .headerNav-header .headerNav-anchor img{display:block;height:auto;width:100%}.headerNav--01 .headerNav-header .headerNav-anchor svg{display:block;fill:#18181d;height:auto;width:100%}.headerNav--01 .headerNav-header button{color:#18181d;font-size:20px;line-height:1;position:absolute;right:0;top:8px;z-index:1}.headerNav--01 .headerNav-contents{background-color:#000;clip-path:url(#headerNav-mask-1);height:0;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:2}.headerNav--01 .headerNav-contents>.headerNav-inner{align-items:center;display:flex;height:100svh}.headerNav--01 .headerNav-contents .headerNav-image{max-width:400px}.headerNav--01 .headerNav-contents .headerNav-image img{display:block;height:100%;object-fit:cover;width:100%}.headerNav--01 .headerNav-contents .headerNav-innerMenu{color:#f1f1f1;letter-spacing:.02rem;line-height:1.1;align-items:center;display:flex;flex-flow:column;justify-content:center;position:relative;width:100%;z-index:1}.headerNav--01 .headerNav-contents .headerNav-innerMenu>*:nth-child(1){width:100%}.headerNav--01 .headerNav-contents .headerNav-innerMenu>*:nth-child(1):nth-child(2){margin:0 0 0 10vw}.headerNav--01 .headerNav-contents .headerNav-innerMenu>*:nth-child(2){position:relative;width:60%;z-index:1}.headerNav--01 .headerNav-contents .headerNav-menu{align-items:center;display:flex;flex-flow:column}.headerNav--01 .headerNav-contents .headerNav-menu li{font-family:Italiana,sans-serif;font-size:clamp(2.5rem,1rem + 2.22vw,3.75rem);font-style:italic;font-weight:400;letter-spacing:.06rem;line-height:1.2;margin:1.2vw 0 0}.headerNav--01 .headerNav-contents .headerNav-menu a{display:inline-block;overflow:hidden;transition:color .4s,padding .4s;vertical-align:bottom}.headerNav--01 .headerNav-contents .headerNav-menu a span{text-indent:-.4vw;display:block;padding:0 .5vw}@media only screen and (max-width: 1080px){.headerNav--01 .headerNav-contents .headerNav-menu a span{padding:0 10px}}.headerNav--01 .headerNav-contents .headerNav-menu a:hover{color:#bc0876;padding:0 0 0 1vw}.headerNav--01 .headerNav-contents .headerNav-sns{bottom:0;display:flex;display:none;flex-flow:row wrap;justify-content:center;margin:60px 0 0;position:absolute;right:0;width:100%;z-index:1}.headerNav--01 .headerNav-contents .headerNav-sns li{font-family:Familjen Grotesk,sans-serif;font-family:Manrope,sans-serif;font-size:3vw;font-weight:400;letter-spacing:.06rem;line-height:1.2;margin:0 8px}.headerNav--01 .headerNav-contents .headerNav-sns li img{display:block;height:24px;width:24px}.headerNav--01 .headerNav-contents .headerNav-sns a{display:block;overflow:hidden}.headerNav--01 .headerNav-contents .headerNav-sns a span{display:block}.headerNav--01 .headerNav-mask{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.headerNav--01 .headerNav-mask svg{transform:scaleY(0);width:100%}.headerNav--01 .headerNav-toggle span{border:1px solid #000;border-radius:100%;display:block;height:12px;position:absolute;width:48px}.headerNav--01 .headerNav-toggle span:nth-child(1){top:12px}.headerNav--01 .headerNav-toggle span:nth-child(2){top:19px}.headerNav--01 .headerNav-toggle span:nth-child(3){top:26px}.headerNav--01 .lottie-btn{align-items:center;background-color:#eaf72f;background-color:transparent;cursor:pointer;display:flex;flex-flow:column;height:48px;justify-content:center;overflow:hidden;width:48px;position:absolute;right:40px;top:40px;z-index:99}.headerNav--01 .lottie-btn svg{display:none;min-height:100px;min-width:100px}.headerNav--01 .lottie-btn svg,.headerNav--01 .lottie-btn svg *{stroke:#000}@media only screen and (max-width: 1080px){.headerNav--01 .lottie-btn{right:20px;top:20px}}.headerNav--01 .headerNav-toggle-1{z-index:1}.headerNav--01 .headerNav-toggle-2 span{border-color:#f0f0f0}.headerNav--01.headerNav_inProgress .headerNav-header>.headerNav-inner,.headerNav--01.headerNav_inProgress .headerNav-contents>.headerNav-inner{pointer-events:none}.headerNav--01.headerNav_open .headerNav-contents{height:100vh;padding:0 10vw}.headerNav--01 .headerNav-contents .headerNav-menu a span,.headerNav--01 .headerNav-contents .headerNav-sns a span{display:block}.headerNav--01.headerNav_openEnd .headerNav-contents .headerNav-menu a span,.headerNav--01.headerNav_closeStart .headerNav-contents .headerNav-menu a span,.headerNav--01.headerNav_openEnd .headerNav-contents .headerNav-sns a span,.headerNav--01.headerNav_closeStart .headerNav-contents .headerNav-sns a span,.headerNav--01.headerNav_openEnd .headerNav-contents .headerNav-image,.headerNav--01.headerNav_closeStart .headerNav-contents .headerNav-image{transition:clip-path .5s cubic-bezier(1,0,.2,1)}body.home .headerNav--01 .headerNav-toggle span,body.works .headerNav--01 .headerNav-toggle span{border:1px solid #f1f1f1}.message--01{font-size:16px;font-weight:800;align-items:center;background-color:#00000026;display:flex;height:100svh;justify-content:center;left:0;padding:4vw;position:fixed;top:0;width:100%;z-index:1000}.main--02 .main-contents{border-top:1px solid rgb(58,58,63);display:flex;min-height:100svh}@media only screen and (max-width: 900px){.main--02 .main-contents{border-top:none;min-height:auto;padding:0 0 60px}}.main--02 .main-contents>.main-inner{display:flex;width:100%;max-width:760px}@media only screen and (max-width: 900px){.main--02 .main-contents>.main-inner{background-color:#18181d;height:calc(100svh - 70px);left:0;padding:70px 2vw;position:fixed;top:70px;width:100%;max-width:none;z-index:101;transform:translate(-100%);transition:transform .4s}.main--02 .main-contents>.main-inner.open{transform:translate(0)}}@media only screen and (max-width: 568px){.main--02 .main-contents>.main-inner{align-items:center;flex-flow:row wrap;padding:0 2vw}}.main--02 .main-contents .main-item{padding:2vw;width:100%}.main--02 .main-contents .main-item.main-item-1{border-right:1px solid rgb(58,58,63);flex-shrink:1.3;max-width:280px}.main--02 .main-contents .main-item.main-item-2{border-right:1px solid rgb(58,58,63);max-width:480px}.main--02 .main-contents .main-item.main-item-3{border-right:none;width:100%}@media only screen and (max-width: 1080px){.main--02 .main-contents .main-item{padding:2vw 0}}@media only screen and (max-width: 900px){.main--02 .main-contents .main-item.main-item-1{flex-shrink:1;padding-right:6px;max-width:none}.main--02 .main-contents .main-item.main-item-2{border-right:none;padding-right:6px;max-width:none}}@media only screen and (max-width: 568px){.main--02 .main-contents .main-item.main-item-1{overflow:auto;border-right:none;flex-shrink:0;padding-bottom:40px;padding-top:40px}.main--02 .main-contents .main-item.main-item-2{overflow:auto;border-top:1px solid rgb(58,58,63);flex-shrink:0;padding-bottom:40px;padding-top:40px}}.main--01 a{transition:color .4s}.main--01 a:hover{color:#008141}.main--01 .main-inner{border-top:1px solid rgb(58,58,63);display:flex}@media only screen and (max-width: 900px){.main--01 .main-inner{flex-flow:row wrap}}.main--01 .main-contents{border-right:1px solid rgb(58,58,63);min-height:100svh;padding:2vw}.main--01 .main-contents:nth-child(1){flex-shrink:1.4;max-width:280px}.main--01 .main-contents:nth-child(2){flex-shrink:1.2;max-width:480px}.main--01 .main-contents:nth-child(3){border-right:none;width:100%}.main--01 .main-contents:nth-child(1),.main--01 .main-contents:nth-child(2){width:100%}.main--01 .main-contents:nth-child(1) a,.main--01 .main-contents:nth-child(2) a{display:block;padding:12px 32px 12px 16px}@media only screen and (max-width: 900px){.main--01 .main-contents{flex-flow:row wrap;min-height:auto}.main--01 .main-contents:nth-child(1){flex-shrink:1;max-width:calc(33.33% - 1px)}.main--01 .main-contents:nth-child(2){border-right:none;flex-shrink:1;max-width:66.66%}.main--01 .main-contents:nth-child(3){border-top:1px solid rgb(58,58,63);max-width:100%}}@media only screen and (max-width: 568px){.main--01 .main-contents:nth-child(1){border-right:none;max-width:100%}.main--01 .main-contents:nth-child(2){border-top:1px solid rgb(58,58,63);max-width:100%}}body.loading .main--01 a{transition:opacity .2s}.loading--01{font-size:16px;font-weight:800;letter-spacing:.08rem;line-height:1.1;align-items:center;border:none;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:fixed;top:0;width:100%;max-width:none;z-index:999;background-color:transparent;opacity:0;transition:background-color .6s,opacity .6s}.loading--01 .loading-sentence{opacity:0}body.initialLoading .loading--01{pointer-events:auto;background-color:#0000004d;opacity:1}body.initialLoading .loading--01 .loading-sentence{opacity:1}body.loading .loading--01{pointer-events:auto;background-color:transparent;opacity:1}body.loading .loading--01 .loading-sentence{opacity:0}.post--01{padding:6px 12px}.post--01 .post-title{font-size:20px;font-weight:700;line-height:1.4;margin:-5px 0 40px}.post--01 .post-sentence{font-size:14px;line-height:1.8}.post--01 .post-sentence p{margin:40px 0 0}.post--01 .post-sentence a{display:inline-block;padding:0;text-decoration:underline;transition:color .4s}@media (hover: hover) and (pointer: fine){.post--01 .post-sentence a:hover{color:#008141}}.post--01 .post-sentence .wp-block-code code{margin:12px 0 0;padding:12px}.post--01 .post-sentence .wp-block-kevinbatdorf-code-block-pro{margin-top:12px}.post--01 .post-sentence .wp-block-kevinbatdorf-code-block-pro [style="background-color: #2e3440ff"],.post--01 .post-sentence .wp-block-kevinbatdorf-code-block-pro [style="background-color: #263238"]{background-color:#131316!important}.post--01 .post-sentence .wp-block-kevinbatdorf-code-block-pro [style="color: #616E88"]{font-size:90%!important}.tagsNavi--01 .tagsNavi-contents a{display:block;padding:6px 32px 6px 12px;transition:color .4s}@media (hover: hover) and (pointer: fine){.tagsNavi--01 .tagsNavi-contents a:hover{color:#008141}}.tagsNavi--01 .tagsNavi-contents .tagsNavi_active a{color:#ddd}.tagsNavi--01 .tagsNavi-contents .tagsNavi-bg{transition:background-color .4s;border-radius:4px;height:100%;position:absolute;width:100%;z-index:-1;background-color:#008141}.tagsNavi--01 .tagsNavi-contents .tagsNavi-loading{opacity:0}.tagsNavi--01 .tagsNavi-contents .tagsNavi-loading.tagsNavi_loading{background-image:url(/assets/1488-DOWPpxFN.png);background-position:calc(100% - 10px) center;background-repeat:no-repeat;background-size:18px auto;border-radius:4px;height:100%;position:absolute;width:100%;z-index:-1;transition:opacity .4s}.tagsNavi--01 .tagsNavi-contents .tagsNavi-item{position:relative;z-index:1}.tagsNavi--01 .tagsNavi-contents .tagsNavi-item+.tagsNavi-item{margin-top:8px}body.loading .tagsNavi--01 .tagsNavi-contents .tagsNavi_active .tagsNavi-loading{opacity:1}.postTitleList--01 .postTitleList-contents a{display:block;padding:6px 32px 6px 12px;transition:color .4s}@media (hover: hover) and (pointer: fine){.postTitleList--01 .postTitleList-contents a:hover{color:#008141}}.postTitleList--01 .postTitleList-contents .postTitleList_active a{color:#ddd}.postTitleList--01 .postTitleList-contents .postTitleList-bg{border-radius:4px;height:100%;position:absolute;width:100%;z-index:-1;background-color:#008141}.postTitleList--01 .postTitleList-contents .postTitleList-loading{background-image:url(/assets/1488-DOWPpxFN.png);background-position:calc(100% - 10px) center;background-repeat:no-repeat;background-size:18px auto;border-radius:4px;height:100%;opacity:0;position:absolute;width:100%;z-index:-1;transition:opacity .4s}.postTitleList--01 .postTitleList-contents .postTitleList-item{position:relative;z-index:1}.postTitleList--01 .postTitleList-contents .postTitleList-item+.postTitleList-item{margin-top:8px}body.loading .postTitleList--01 .postTitleList-contents .postTitleList_active .postTitleList-loading{opacity:1}@media only screen and (max-width: 900px){.fade--01.fade_tagsNavi{height:100%}}@media only screen and (max-width: 568px){.fade--01.fade_tagsNavi{height:calc((100svh - 230px)/2)}}@media only screen and (max-width: 900px){.fade--01.fade_postTitleList{height:100%}}@media only screen and (max-width: 568px){.fade--01.fade_postTitleList{height:calc((100svh - 230px)/2)}}.tag--01{border-top:1px solid rgb(58,58,63);margin:60px 0 0;padding:15px 0}.tag--01 .tag-contents .tag-list{margin:15px 0 0;width:100%;max-width:600px}.tag--01 .tag-contents .tag-list ul{display:flex;flex-flow:row wrap;gap:10px}.tag--01 .tag-contents .tag-list ul li a{color:#fff;font-size:12px;letter-spacing:.06rem;line-height:1;background:#1f44e4;border-radius:2px;display:block;padding:6px 8px;transition:opacity .4s}.tag--01 .tag-contents .tag-list ul li a:hover{opacity:.6}.footer--01{align-items:center;background-color:#18181d;border-top:1px solid rgb(58,58,63);display:flex;height:60px;margin:0 auto;padding:0 0 0 20px;position:relative;width:100%;max-width:2000px;z-index:100}.copy--01{font-size:12px;line-height:1.1}.gtt--01{align-items:center;background-color:#ffffff08;display:flex;height:60px;justify-content:center;position:absolute;right:0;top:0;width:60px;z-index:101;transition:background-color .4s}@media (hover: hover) and (pointer: fine){.gtt--01:hover{background-color:#008141}}.naviToggle--01{font-size:40px;line-height:1;display:none;position:fixed;right:12px;top:12px;z-index:200}@media only screen and (max-width: 900px){.naviToggle--01{display:block}}.lenis.scrollArea{height:100%;overflow:auto!important;padding:0 10px}
