@charset "UTF-8";html{-webkit-text-size-adjust:100%;box-sizing:border-box;-moz-tab-size:4;tab-size:4;word-break:normal}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{margin:0;padding:0}hr{color:inherit;height:0;overflow:visible}details,main{display:block}summary{display:list-item}small{font-size:80%}[hidden]{display:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}a{background-color:transparent}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}pre{font-size:1em}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}iframe{border-style:none}input{border-radius:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,input,select,textarea{background-color:transparent;border-style:none}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline-width:0}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;color:inherit;font:inherit}[disabled]{cursor:default}img{border-style:none}progress{vertical-align:baseline}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true]{cursor:default}:root{--color-text-main: #343434;--color-text-light: #fff;--color-text-darkGray: #666;--color-text-gray: #949799;--color-bg-black: #343434;--color-bg-white: #fff;--color-bg-gray: #fafafa;--color-bg-hover: #f1f1f1;--color-border-main: #d9d9d9;--color-border-black: #343434;--color-border-white: #fff;--color-active: #1069be;--color-important: #e74c3c;--color-disabled: #666;--hover: .3s all ease-in-out}html{box-sizing:border-box;height:100%}*,*:before,*:after{box-sizing:inherit}body{min-height:100%;font-family:Zen Kaku Gothic New,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,Osaka,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS P Gothic,sans-serif;font-size:1rem;line-height:1.5;color:#14171a;letter-spacing:.05em;background-color:var(--color-bg-white);overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch}main{overflow:visible}img{width:100%;height:auto;vertical-align:bottom}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,strong{font-weight:700}small{font-size:inherit}input,textarea{max-width:100%;font-family:inherit;font-size:100%}a,button{transition:var(--hover)}.main-container{width:100%;margin-inline:auto;padding-inline:16px}@media screen and (min-width:768px){.main-container{padding-inline:24px}}@media screen and (min-width:1024px){.main-container{padding-inline:0}}.container{width:min(1200px,100%);margin-inline:auto;padding-inline:16px}.main-visual-bg{display:block;width:100%;padding-top:108.33vw;background-image:url(/_astro/bg_mainvisual_portrait.FiB59PhB.png);background-size:cover;background-position:center;position:fixed;top:0;left:0;z-index:-1;will-change:transform}@media screen and (min-width:1024px){.main-visual-bg{background-image:url(/_astro/bg_mainvisual_landscape.BgQNBUhn.png);padding-top:100vh}}.main-visual{padding-top:calc(108.33vw - 48px);position:relative;z-index:5;min-height:calc(47.33vw + 100px)}@media screen and (min-width:1024px){.main-visual{padding-top:calc(100vh - 88px);min-height:444px}}.main-visual-box{width:93.13vw;padding-top:47.33vw;background-image:url(/_astro/img_mainvisual_box.CisZ4IJx.png);background-size:contain;background-position:center;position:absolute;top:50%;left:50%;translate:-50% -50%;z-index:1}@media screen and (min-width:768px){.main-visual-box{width:87.76vw}}@media screen and (min-width:1024px){.main-visual-box{width:674px;padding-top:344px}}.main-visual-contents{width:63.1vw;position:absolute;top:10.43vw;left:9.67vw}@media screen and (min-width:768px){.main-visual-contents{width:59.64vw;top:6.77vw}}@media screen and (min-width:1024px){.main-visual-contents{width:458px;top:52px;left:71px}}.main-visual-logo{width:100%}.main-visual-text{display:none}@media screen and (min-width:768px){.main-visual-text{display:block;font-size:1.82vw;text-align:center;line-height:1.5;letter-spacing:.05em;padding-inline:1.82vw;margin-top:3.13vw}}@media screen and (min-width:1024px){.main-visual-text{font-size:14px;padding-inline:12px;margin-top:24px}}.main-visual-copyright{font-size:clamp(12px,3.05vw,999px);text-align:center;margin-top:3.05vw}@media screen and (min-width:768px){.main-visual-copyright{font-size:clamp(10px,1.56vw,999px);margin-top:2.73vw}}@media screen and (min-width:1024px){.main-visual-copyright{font-size:10px;margin-top:20px}}.main-contents{padding-bottom:64px;background-color:var(--color-bg-white);border-radius:24px 24px 0 0;position:relative;overflow:visible}@media screen and (min-width:768px){.main-contents{padding-bottom:80px;border-radius:32px 32px 0 0}}@media screen and (min-width:1024px){.main-contents{padding-bottom:120px;border-radius:48px 48px 0 0}}.header{padding-inline:24px;display:flex;justify-content:space-between;align-items:center;min-height:48px;padding-top:16px;background-color:var(--color-bg-white);position:-webkit-sticky;position:sticky;top:0;z-index:1;width:100%;box-sizing:border-box;border-radius:24px 24px 0 0}@media screen and (min-width:768px){.header{border-radius:32px 32px 0 0}}@media screen and (min-width:1024px){.header{border-radius:48px 48px 0 0;padding-inline:48px;padding-block:40px 16px;min-height:80px}}.header-logo{width:115px;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.header--sticky .header-logo{opacity:1;visibility:visible}.header-menu{list-style:none;height:100%;display:flex;align-items:center;justify-content:flex-end}.header-menu a{display:inline-block;padding-block:4px;padding-inline:8px;transition:.1s all ease-in-out}.header-menu a:hover{color:var(--color-active);font-weight:500}.footer{color:var(--color-text-light);padding-block:48px 32px;background-color:var(--color-bg-black)}@media screen and (min-width:768px){.footer{padding-block:80px 48px}}.footer-logo{width:160px;margin-inline:auto;margin-bottom:32px}@media screen and (min-width:768px){.footer-logo{width:240px;margin-bottom:48px}}.footer-comment{text-align:center;display:grid;justify-content:center;gap:4px;margin-bottom:16px}@media screen and (min-width:768px){.footer-comment{margin-bottom:24px}}.footer-comment-upper{font-size:12px;font-weight:400}@media screen and (min-width:768px){.footer-comment-upper{font-size:14px}}.footer-comment-bottom{font-size:16px;font-weight:500;letter-spacing:.1em}@media screen and (min-width:768px){.footer-comment-bottom{font-size:24px}}.footer-links{list-style:none;display:flex;flex-wrap:wrap;gap:8px 16px}.footer-links a{font-size:14px}@media screen and (min-width:768px){.footer-links a{font-size:16px}}.footer-links a:hover{opacity:.7}.footer-links a:before{content:"";display:inline-block;width:.85em;height:.85em;background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7%203L18%2011.9955L7%2021'%20stroke='white'%20stroke-width='2'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");background-size:contain;background-position:center;margin-right:4px}.footer-copyright{color:var(--color-text-gray);border-top:1px solid;margin-top:24px;text-align:center;padding-top:8px}@media screen and (min-width:768px){.footer-copyright{margin-top:40px;padding-top:16px}}.footer-copyright small{font-size:14px}.filters{position:relative}@media screen and (min-width:1024px){.filters{padding-inline:48px 24px;min-height:calc(100vh - 272px);margin-top:64px;display:grid;grid-template-columns:1fr 320px;gap:32px}}@media screen and (min-width:1280px){.filters{grid-template-columns:1fr 380px}}.filters-wrapper{display:contents}@media screen and (min-width:1024px){.filters-wrapper{display:block;position:sticky;top:96px;align-self:flex-start;max-height:calc(100vh - 96px);overflow-y:auto;order:2}}.filters-header{width:100%;padding-block:16px;padding-inline:16px;position:-webkit-sticky;position:sticky;top:48px;z-index:99;background-color:var(--color-bg-white)}@media screen and (min-width:1024px){.filters-header{padding-block:0;padding-inline:0;top:0}}.filters-search-wrapper{width:100%;margin-inline:auto;display:flex;align-items:center;gap:4px;flex-wrap:wrap}@media screen and (min-width:768px){.filters-search-wrapper{width:min(638px,100%)}}.filters-search-wrapper{position:relative}@media screen and (min-width:1024px){.filters-search-wrapper{width:100%;margin-inline:0 auto}}.filters-search-input-wrapper{position:relative;flex:1}.filters-search-icon{width:32px;position:absolute;top:50%;left:8px;translate:0 -50%}.filters-search-input{width:100%;min-height:48px;padding:8px 8px 8px 44px;border-radius:6px;border:1px solid var(--color-border-main);background-color:var(--color-bg-gray)}@media screen and (min-width:768px){.filters-search-input{min-height:56px;border-radius:8px}}.filters-reset-button{padding:8px;width:40px;height:40px;border-radius:4px;display:flex;align-items:center;justify-content:center}@media screen and (min-width:768px){.filters-reset-button{padding:12px;width:48px;height:48px;position:absolute;top:50%;right:-8px;translate:100% -50%}}@media screen and (min-width:1024px){.filters-reset-button{display:none}}.filters-reset-button:hover{background-color:var(--color-bg-gray)}.filters-filter-button{color:var(--color-text-main);display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:8px;border-radius:4px;position:absolute;top:50%;right:4px;translate:0 -50%;transition:var(--hover);cursor:pointer}@media screen and (min-width:768px){.filters-filter-button{border-radius:4px}}@media screen and (min-width:1024px){.filters-filter-button{display:none}}.filters-filter-button img{width:100%}.filters-filter-button:hover{background:#f5f5f5}.filters-filter-button--active{background:var(--color-bg-black);border-color:var(--color-border-black)}.filters-filter-button--active .filters-filter-button-icon{filter:invert(1)}.filters-filter-button--active:hover{background:var(--color-bg-black)}.filters-filter-button-icon{transition:filter .2s}.filters-filter-button-badge{position:absolute;top:-6px;right:-6px;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:16px;background:#fff;color:var(--color-text-main);font-size:12px;font-weight:600;line-height:1;border:1px solid var(--color-border-black)}.filters-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;overflow-y:auto}.filters-modal-content{position:fixed;left:50%;transform:translate(-50%);background-color:var(--color-bg-white);border-radius:16px;padding:16px;margin-inline:auto;width:90%}@media screen and (min-width:768px){.filters-modal-content{width:min(960px,90%)}}.filters-modal-content{box-shadow:0 4px 20px #00000026}@media screen and (min-width:768px){.filters-modal-content{padding:24px}}@media screen and (min-width:1024px){.filters-modal-content{padding:40px 48px}}.filters-modal-title{font-size:14px;font-weight:700;text-align:center;margin-bottom:16px}@media screen and (min-width:768px){.filters-modal-title{font-size:16px;margin-bottom:24px}}.filters-modal-subcategory-mode{display:flex;justify-content:center;margin-bottom:16px}@media screen and (min-width:768px){.filters-modal-subcategory-mode{margin-bottom:24px}}.filters-modal-categories{display:flex;flex-direction:column;gap:16px}.filters-categories{width:calc(100% - 32px);padding-block:24px 16px;margin-top:8px;margin-inline:16px;border-top:1px dashed var(--color-border-main);display:flex;flex-direction:column;gap:16px;position:relative;opacity:1;transform:translateY(0);transition:opacity .3s ease-in-out,transform .3s ease-in-out}@media screen and (min-width:768px){.filters-categories{width:calc(100% - 48px);padding-top:32px;margin-top:16px;margin-inline:24px}}@media screen and (min-width:1024px){.filters-categories{width:100%;padding-top:0;margin-inline:0;border-top:none}}.filters-categories--hidden{opacity:0;transform:translateY(-10px);pointer-events:none;max-height:0;padding-top:0;margin-top:0;overflow:hidden}.filters-categories:before{content:"絞り込み検索";font-size:12px;display:inline-block;padding-inline:16px;padding-block:8px;background-color:var(--color-bg-white);position:absolute;top:0;left:50%;translate:-50% -50%}@media screen and (min-width:768px){.filters-categories:before{padding-inline:24px}}@media screen and (min-width:1024px){.filters-categories:before{display:none}}.filters-subcategory-mode{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:8px}.filters-subcategory-reset-button{display:flex;align-items:center;gap:4px;padding-block:8px;font-size:.75rem;font-weight:500;cursor:pointer;outline:none;white-space:nowrap}.filters-subcategory-reset-button:hover{opacity:.8}.filters-subcategory-reset-button:focus-visible{outline:2px solid var(--color-bg-black);outline-offset:2px}.filters-subcategory-reset-button-icon{width:16px;height:16px;flex-shrink:0}.filters-reset-all-wrapper{display:none}@media screen and (min-width:1024px){.filters-reset-all-wrapper{display:block;border-top:1px solid var(--color-border-main);padding-top:8px;margin-top:8px}}.filters-reset-all-button{width:100%;padding-block:12px;padding-inline:16px;border:1px solid var(--color-border-main);background-color:var(--color-bg-white);color:var(--color-text-main);font-size:.875rem;font-weight:500;border-radius:4px;cursor:pointer;transition:all .2s ease;outline:none}.filters-reset-all-button:hover{background-color:var(--color-bg-gray);border-color:var(--color-border-black)}.filters-reset-all-button:focus-visible{outline:2px solid var(--color-bg-black);outline-offset:2px}.filters-subcategory-mode-switch{display:flex;background-color:var(--color-bg-gray)}.filters-subcategory-mode-button{padding:8px 16px;border:1px solid var(--color-border-main);background-color:transparent;color:var(--color-text-darkGray);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none;position:relative;display:flex;align-items:center;gap:4px}.filters-subcategory-mode-button:first-child{border-radius:24px 0 0 24px;border-right:none}@media screen and (min-width:1024px){.filters-subcategory-mode-button:first-child{border-radius:24px 0 0 24px}}.filters-subcategory-mode-button:last-child{border-radius:0 24px 24px 0;border-left:none}@media screen and (min-width:1024px){.filters-subcategory-mode-button:last-child{border-radius:0 24px 24px 0}}.filters-subcategory-mode-button:hover{opacity:.8}.filters-subcategory-mode-button:focus-visible{outline:2px solid var(--color-bg-black);outline-offset:-2px}.filters-subcategory-mode-button--active{color:var(--color-text-light);background-color:var(--color-bg-black);border:1px solid var(--color-border-black)}.filters-subcategory-mode-label{color:var(--color-text-gray);font-size:10px;font-weight:400}.filters-categories-wrapper{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;width:100%}.filters-categories-primary,.filters-categories-secondary{display:flex;flex-wrap:wrap;gap:4px}@media screen and (min-width:1024px){.filters-categories-primary,.filters-categories-secondary{gap:8px}}@media screen and (min-width:768px){.filters-categories-primary{justify-content:center}}@media screen and (min-width:1024px){.filters-categories-primary{width:100%;display:grid;grid-template-columns:repeat(4,1fr);justify-content:flex-start;gap:0;border-radius:8px;background-color:var(--color-bg-gray)}}.filters-category-button-primary{color:var(--color-text-main);font-size:14px;font-weight:500;text-align:center;padding:8px 12px;border-radius:4px;border:1px solid var(--color-border-main);background-color:var(--color-bg-gray);transition:var(--hover);white-space:nowrap;cursor:pointer}@media screen and (min-width:1024px){.filters-category-button-primary{padding:12px 10px;border-radius:0;border-right:none;border-left:none;background-color:transparent;color:var(--color-text-darkGray)}.filters-category-button-primary:first-child{border-left:1px solid var(--color-border-main);border-radius:8px 0 0 8px}.filters-category-button-primary:last-child{border-right:1px solid var(--color-border-main);border-radius:0 8px 8px 0}.filters-category-button-primary:hover{color:var(--color-text-light);background-color:var(--color-bg-black)}}.filters-category-button-primary--selected{color:var(--color-text-light);font-weight:700;border-color:var(--color-border-black);background-color:var(--color-bg-black)}@media screen and (min-width:1024px){.filters-category-button-primary--selected{border-color:var(--color-border-black)}.filters-category-button-primary--selected:first-child{border-left-color:var(--color-border-black)}.filters-category-button-primary--selected:last-child{border-right-color:var(--color-border-black)}}.filters-category-button-primary--selected:hover{background-color:var(--color-bg-black)}.filters-categories-secondary{gap:4px}.filters-category-button-secondary{color:var(--color-text-main);font-size:12px;font-weight:400;padding-block:4px;padding-inline:8px;border-radius:24px;border:none;background-color:transparent;transition:var(--hover);white-space:nowrap;cursor:pointer}@media screen and (min-width:1024px){.filters-category-button-secondary{padding-inline:10px}}.filters-category-button-secondary--selected{color:var(--color-text-light);font-weight:700;border-color:var(--color-border-black);background-color:var(--color-bg-black)}@media screen and (min-width:1024px){.filters-category-button-secondary--selected{border-color:var(--color-border-black)}}.filters-category-button-secondary--selected:hover{background-color:var(--color-bg-black)}.filters-category-button-secondary:hover{opacity:.8}.filters-count{text-align:right;margin-inline:auto 0;margin-bottom:8px}.filters-grid{display:grid;gap:16px;grid-template-columns:1fr}@media screen and (min-width:768px){.filters-grid{margin-top:0;grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:1280px){.filters-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.filters-no-results{display:flex;justify-content:center;align-items:center;padding:64px 16px;min-height:400px}.filters-no-results-image{width:100%;height:auto}.filters-tool-card{text-decoration:none;border-radius:16px;overflow:hidden;transition:var(--hover);position:relative}.filters-tool-card:hover .filters-tool-card-overlay{background:linear-gradient(0deg,#010101bf 29.11%,#6660)}.filters-tool-card-thumbnail{width:100%;aspect-ratio:16/9;overflow:hidden;background-color:var(--color-bg-hover)}.filters-tool-card-thumbnail img{width:100%;height:100%;object-fit:cover}.filters-tool-card-credit{padding:2px 6px;background-color:var(--color-important);color:var(--color-text-light);font-size:10px;font-weight:700;border-radius:2px;backdrop-filter:blur(4px);white-space:nowrap}.filters-tool-card-external-link{position:absolute;top:8px;right:8px;z-index:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:#ffffffe6;border-radius:4px;padding:4px;backdrop-filter:blur(4px)}.filters-tool-card-external-link img{width:100%;height:100%;object-fit:contain;filter:brightness(0)}.filters-tool-card-thumbnail-placeholder{width:100%;height:70%;display:flex;align-items:center;justify-content:center;padding:16px}.filters-tool-card-thumbnail-title{font-weight:700;font-size:18px;line-height:1.4;text-align:center;color:var(--color-text-main);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.filters-tool-card-overlay{display:flex;flex-direction:column;justify-content:flex-end;padding:12px 16px;background:linear-gradient(0deg,#01010180 29.11%,#6660);position:absolute;inset:0}.filters-tool-card-title{color:var(--color-text-light);font-size:16px;font-weight:700;line-height:1.2;letter-spacing:.05em}.filters-tool-card-categories{margin-bottom:4px;display:flex;flex-direction:column;gap:4px}.filters-tool-card-category-primary,.filters-tool-card-category-secondary{display:flex;gap:4px;flex-wrap:wrap}.filters-tool-card-category{color:var(--color-text-light);font-size:10px;font-weight:500;padding:2px 6px;border-radius:2px;background-color:#fff3;backdrop-filter:blur(4px)}.filters-tool-card-category--primary{background-color:var(--color-bg-black)}.filters-tool-card-category--secondary{background-color:#ffffff4d}.filters-tool-card-tags{margin-bottom:4px;display:flex;gap:4px;flex-wrap:wrap}.filters-tool-card-tag{color:var(--color-text-light);font-size:12px}.filters-tool-card-tag:before{content:"#"}