<!DOCTYPE html>
<html lang="ja" data-loaded="false" data-scrolled="false" data-spmenu="closed">
<head>
<meta charset="utf-8">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, viewport-fit=cover">
<title>404: ページが見つかりませんでした | nano*dsgn labo</title>
<meta name='robots' content='max-image-preview:large' />
<link rel='dns-prefetch' href='//challenges.cloudflare.com' />
<link rel="alternate" type="application/rss+xml" title="nano*dsgn labo &raquo; フィード" href="https://nano-dsgn.com/feed/" />
<link rel="alternate" type="application/rss+xml" title="nano*dsgn labo &raquo; コメントフィード" href="https://nano-dsgn.com/comments/feed/" />

<!-- SEO SIMPLE PACK 3.6.2 -->
<meta name="robots" content="noindex">
<link rel="canonical" href="https://nano-dsgn.com/404">
<meta property="og:locale" content="ja_JP">
<meta property="og:type" content="website">
<meta property="og:image" content="http://nano-dsgn.com/wp-content/uploads/2026/01/ogp.png">
<meta property="og:title" content="404: ページが見つかりませんでした | nano*dsgn labo">
<meta property="og:url" content="https://nano-dsgn.com/404">
<meta property="og:site_name" content="nano*dsgn labo">
<meta name="twitter:card" content="summary">
<!-- / SEO SIMPLE PACK -->

<style id='wp-img-auto-sizes-contain-inline-css' type='text/css'>
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<style id='wp-block-image-inline-css' type='text/css'>
.wp-block-image>a,.wp-block-image>figure>a{display:inline-block}.wp-block-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom}@media not (prefers-reduced-motion){.wp-block-image img.hide{visibility:hidden}.wp-block-image img.show{animation:show-content-image .4s}}.wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{border-radius:inherit}.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull>a,.wp-block-image.alignwide>a{width:100%}.wp-block-image.alignfull img,.wp-block-image.alignwide img{height:auto;width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{caption-side:bottom;display:table-caption}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image :where(figcaption){margin-bottom:1em;margin-top:.5em}.wp-block-image.is-style-circle-mask img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.wp-block-image.is-style-circle-mask img{border-radius:0;-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-mode:alpha;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}}:root :where(.wp-block-image.is-style-rounded img,.wp-block-image .is-style-rounded img){border-radius:9999px}.wp-block-image figure{margin:0}.wp-lightbox-container{display:flex;flex-direction:column;position:relative}.wp-lightbox-container img{cursor:zoom-in}.wp-lightbox-container img:hover+button{opacity:1}.wp-lightbox-container button{align-items:center;backdrop-filter:blur(16px) saturate(180%);background-color:#5a5a5a40;border:none;border-radius:4px;cursor:zoom-in;display:flex;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;right:16px;text-align:center;top:16px;width:20px;z-index:100}@media not (prefers-reduced-motion){.wp-lightbox-container button{transition:opacity .2s ease}}.wp-lightbox-container button:focus-visible{outline:3px auto #5a5a5a40;outline:3px auto -webkit-focus-ring-color;outline-offset:3px}.wp-lightbox-container button:hover{cursor:pointer;opacity:1}.wp-lightbox-container button:focus{opacity:1}.wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){background-color:#5a5a5a40;border:none}.wp-lightbox-overlay{box-sizing:border-box;cursor:zoom-out;height:100vh;left:0;overflow:hidden;position:fixed;top:0;visibility:hidden;width:100%;z-index:100000}.wp-lightbox-overlay .close-button{align-items:center;cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:0;position:absolute;right:calc(env(safe-area-inset-right) + 16px);top:calc(env(safe-area-inset-top) + 16px);z-index:5000000}.wp-lightbox-overlay .close-button:focus,.wp-lightbox-overlay .close-button:hover,.wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background){background:none;border:none}.wp-lightbox-overlay .lightbox-image-container{height:var(--wp--lightbox-container-height);left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:top left;width:var(--wp--lightbox-container-width);z-index:9999999999}.wp-lightbox-overlay .wp-block-image{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;margin:0;position:relative;transform-origin:0 0;width:100%;z-index:3000000}.wp-lightbox-overlay .wp-block-image img{height:var(--wp--lightbox-image-height);min-height:var(--wp--lightbox-image-height);min-width:var(--wp--lightbox-image-width);width:var(--wp--lightbox-image-width)}.wp-lightbox-overlay .wp-block-image figcaption{display:none}.wp-lightbox-overlay button{background:none;border:none}.wp-lightbox-overlay .scrim{background-color:#fff;height:100%;opacity:.9;position:absolute;width:100%;z-index:2000000}.wp-lightbox-overlay.active{visibility:visible}@media not (prefers-reduced-motion){.wp-lightbox-overlay.active{animation:turn-on-visibility .25s both}.wp-lightbox-overlay.active img{animation:turn-on-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active){animation:turn-off-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active) img{animation:turn-off-visibility .25s both}.wp-lightbox-overlay.zoom.active{animation:none;opacity:1;visibility:visible}.wp-lightbox-overlay.zoom.active .lightbox-image-container{animation:lightbox-zoom-in .4s}.wp-lightbox-overlay.zoom.active .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.active .scrim{animation:turn-on-visibility .4s forwards}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active){animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container{animation:lightbox-zoom-out .4s}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim{animation:turn-off-visibility .4s forwards}}@keyframes show-content-image{0%{visibility:hidden}99%{visibility:hidden}to{visibility:visible}}@keyframes turn-on-visibility{0%{opacity:0}to{opacity:1}}@keyframes turn-off-visibility{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes lightbox-zoom-in{0%{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))}to{transform:translate(-50%,-50%) scale(1)}}@keyframes lightbox-zoom-out{0%{transform:translate(-50%,-50%) scale(1);visibility:visible}99%{visibility:visible}to{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}}
/*# sourceURL=https://nano-dsgn.com/wp-includes/blocks/image/style.min.css */
</style>
<style id='wp-block-paragraph-inline-css' type='text/css'>
.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}
/*# sourceURL=https://nano-dsgn.com/wp-includes/blocks/paragraph/style.min.css */
</style>
<style id='wp-block-group-inline-css' type='text/css'>
.wp-block-group{box-sizing:border-box}:where(.wp-block-group.wp-block-group-is-layout-constrained){position:relative}
/*# sourceURL=https://nano-dsgn.com/wp-includes/blocks/group/style.min.css */
</style>
<link rel='stylesheet' id='font-awesome-all-css' href='https://nano-dsgn.com/wp-content/themes/swell/assets/font-awesome/v6/css/all.min.css?ver=2.7.5.1' type='text/css' media='all' />
<style id='wp-block-library-inline-css' type='text/css'>
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
/*wp_block_styles_on_demand_placeholder:69eb7f07943f0*/
/*# sourceURL=wp-block-library-inline-css */
</style>
<link rel='stylesheet' id='swell-icons-css' href='https://nano-dsgn.com/wp-content/themes/swell/build/css/swell-icons.css?ver=2.7.5.1' type='text/css' media='all' />
<link rel='stylesheet' id='main_style-css' href='https://nano-dsgn.com/wp-content/themes/swell/build/css/main.css?ver=2.7.5.1' type='text/css' media='all' />
<link rel='stylesheet' id='swell_widget/dropdown-css' href='https://nano-dsgn.com/wp-content/themes/swell/build/css/modules/blocks/widget-dropdown.css?ver=2.7.5.1' type='text/css' media='all' />
<link rel='stylesheet' id='swell_loos/columns-css' href='https://nano-dsgn.com/wp-content/themes/swell/build/gutenberg/blocks/columns/style-index.css?ver=2.7.5.1' type='text/css' media='all' />
<style id='swell_custom-inline-css' type='text/css'>
:root{--swl-fz--content:4vw;--swl-font_family:"Noto Sans JP", sans-serif;--swl-font_weight:400;--color_main:#f6ff00;--color_text:#28271c;--color_link:#4f4d3f;--color_htag:#f6ff00;--color_bg:#f9f9f6;--color_gradient1:#d8ffff;--color_gradient2:#87e7ff;--color_main_thin:rgba(255, 255, 0, 0.05 );--color_main_dark:rgba(185, 191, 0, 1 );--color_list_check:#ababa3;--color_list_num:#ababa3;--color_list_good:#86dd7b;--color_list_triangle:#f4e03a;--color_list_bad:#f36060;--color_faq_q:#d55656;--color_faq_a:#6599b7;--color_icon_good:#3cd250;--color_icon_good_bg:#ecffe9;--color_icon_bad:#4b73eb;--color_icon_bad_bg:#eafaff;--color_icon_info:#f578b4;--color_icon_info_bg:#fff0fa;--color_icon_announce:#ffa537;--color_icon_announce_bg:#fff5f0;--color_icon_pen:#7a7a7a;--color_icon_pen_bg:#f7f7f7;--color_icon_book:#787364;--color_icon_book_bg:#f8f6ef;--color_icon_point:#ffa639;--color_icon_check:#86d67c;--color_icon_batsu:#f36060;--color_icon_hatena:#5295cc;--color_icon_caution:#f7da38;--color_icon_memo:#84878a;--color_deep01:#28271c;--color_deep02:#f6ff00;--color_deep03:#e86792;--color_deep04:#699daf;--color_pale01:#ababa3;--color_pale02:#f5f5f0;--color_pale03:#e0e0d7;--color_pale04:#ffffff;--color_mark_blue:#b7e3ff;--color_mark_green:#bdf9c3;--color_mark_yellow:#fcf69f;--color_mark_orange:#ffddbc;--border01:solid 1px var(--color_main);--border02:double 4px var(--color_main);--border03:dashed 2px var(--color_border);--border04:solid 4px var(--color_gray);--card_posts_thumb_ratio:56.25%;--list_posts_thumb_ratio:61.805%;--big_posts_thumb_ratio:56.25%;--thumb_posts_thumb_ratio:61.805%;--color_header_bg:#fdfdfd;--color_header_text:#333;--color_footer_bg:#ffffff;--color_footer_text:#333;--container_size:1110px;--article_size:960px;--logo_size_sp:48px;--logo_size_pc:120px;--logo_size_pcfix:32px;}.swl-cell-bg[data-icon="doubleCircle"]{--cell-icon-color:#ffc977}.swl-cell-bg[data-icon="circle"]{--cell-icon-color:#94e29c}.swl-cell-bg[data-icon="triangle"]{--cell-icon-color:#eeda2f}.swl-cell-bg[data-icon="close"]{--cell-icon-color:#ec9191}.swl-cell-bg[data-icon="hatena"]{--cell-icon-color:#93c9da}.swl-cell-bg[data-icon="check"]{--cell-icon-color:#94e29c}.swl-cell-bg[data-icon="line"]{--cell-icon-color:#9b9b9b}.cap_box[data-colset="col1"]{--capbox-color:#f59b5f;--capbox-color--bg:#fff8eb}.cap_box[data-colset="col2"]{--capbox-color:#5fb9f5;--capbox-color--bg:#edf5ff}.cap_box[data-colset="col3"]{--capbox-color:#2fcd90;--capbox-color--bg:#eafaf2}.red_{--the-btn-color:#28271c;--the-btn-color2:#ffbc49;--the-solid-shadow: rgba(30, 29, 21, 1 )}.blue_{--the-btn-color:#ababa3;--the-btn-color2:#35eaff;--the-solid-shadow: rgba(128, 128, 122, 1 )}.green_{--the-btn-color:#f5f5f0;--the-btn-color2:#7bf7bd;--the-solid-shadow: rgba(184, 184, 180, 1 )}.is-style-btn_normal{--the-btn-radius:80px}.is-style-btn_solid{--the-btn-radius:80px}.is-style-btn_shiny{--the-btn-radius:80px}.is-style-btn_line{--the-btn-radius:80px}.post_content blockquote{padding:1.5em 2em 1.5em 3em}.post_content blockquote::before{content:"";display:block;width:5px;height:calc(100% - 3em);top:1.5em;left:1.5em;border-left:solid 1px rgba(180,180,180,.75);border-right:solid 1px rgba(180,180,180,.75);}.mark_blue{background:-webkit-linear-gradient(transparent 64%,var(--color_mark_blue) 0%);background:linear-gradient(transparent 64%,var(--color_mark_blue) 0%)}.mark_green{background:-webkit-linear-gradient(transparent 64%,var(--color_mark_green) 0%);background:linear-gradient(transparent 64%,var(--color_mark_green) 0%)}.mark_yellow{background:-webkit-linear-gradient(transparent 64%,var(--color_mark_yellow) 0%);background:linear-gradient(transparent 64%,var(--color_mark_yellow) 0%)}.mark_orange{background:-webkit-linear-gradient(transparent 64%,var(--color_mark_orange) 0%);background:linear-gradient(transparent 64%,var(--color_mark_orange) 0%)}[class*="is-style-icon_"]{color:#333;border-width:0}[class*="is-style-big_icon_"]{border-width:2px;border-style:solid}[data-col="gray"] .c-balloon__text{background:#f7f7f7;border-color:#ccc}[data-col="gray"] .c-balloon__before{border-right-color:#f7f7f7}[data-col="green"] .c-balloon__text{background:#d1f8c2;border-color:#9ddd93}[data-col="green"] .c-balloon__before{border-right-color:#d1f8c2}[data-col="blue"] .c-balloon__text{background:#e2f6ff;border-color:#93d2f0}[data-col="blue"] .c-balloon__before{border-right-color:#e2f6ff}[data-col="red"] .c-balloon__text{background:#ffebeb;border-color:#f48789}[data-col="red"] .c-balloon__before{border-right-color:#ffebeb}[data-col="yellow"] .c-balloon__text{background:#f9f7d2;border-color:#fbe593}[data-col="yellow"] .c-balloon__before{border-right-color:#f9f7d2}.-type-list2 .p-postList__body::after,.-type-big .p-postList__body::after{content: "READ MORE »";}.c-postThumb__cat{background-color:#f6ff00;color:#fff;background-image: repeating-linear-gradient(-45deg,rgba(255,255,255,.1),rgba(255,255,255,.1) 6px,transparent 6px,transparent 12px)}.post_content h2::before{position:absolute;display:block;pointer-events:none}.post_content h3{border-left:solid 4px var(--color_htag);padding:.25em 0 .25em 16px}.post_content h4::before{content:"\e923";display:inline-block;font-family:"icomoon";margin-right:.5em;color:var(--color_htag)}.l-footer__widgetArea{color:#ffffff}.l-header__menuBtn{order:3}.l-header__customBtn{order:1}.c-gnav a::after{background:var(--color_main);width:100%;height:2px;transform:scaleX(0)}.p-spHeadMenu .menu-item.-current{border-bottom-color:var(--color_main)}.c-gnav > li:hover > a::after,.c-gnav > .-current > a::after{transform: scaleX(1)}.c-gnav .sub-menu{color:#333;background:#fff}.l-fixHeader::before{opacity:0}#pagetop{border-radius:50%}#before_footer_widget{margin-bottom:0}.c-widget__title.-spmenu{padding:.5em .75em;border-radius:var(--swl-radius--2, 0px);background:var(--color_main);color:#fff;}.c-widget__title.-footer{padding:.5em}.c-widget__title.-footer::before{content:"";bottom:0;left:0;width:40%;z-index:1;background:var(--color_main)}.c-widget__title.-footer::after{content:"";bottom:0;left:0;width:100%;background:var(--color_border)}.c-secTitle{border-left:solid 2px var(--color_main);padding:0em .75em}.p-spMenu{color:#333}.p-spMenu__inner::before{background:#fdfdfd;opacity:0.8}.p-spMenu__overlay{background:#000;opacity:0.6}[class*="page-numbers"]{color:#fff;background-color:#dedede}a{text-decoration: none}.l-topTitleArea.c-filterLayer::before{background-color:#000;opacity:0;content:""}@media screen and (min-width: 960px){:root{}}@media screen and (max-width: 959px){:root{}.l-header__logo{order:2;text-align:center}}@media screen and (min-width: 600px){:root{--swl-fz--content:16px;}}@media screen and (max-width: 599px){:root{}}@media (min-width: 1168px) {.alignwide{left:-100px;width:calc(100% + 200px);}}@media (max-width: 1168px) {.-sidebar-off .swell-block-fullWide__inner.l-container .alignwide{left:0px;width:100%;}}.l-fixHeader .l-fixHeader__gnav{order:0}[data-scrolled=true] .l-fixHeader[data-ready]{opacity:1;-webkit-transform:translateY(0)!important;transform:translateY(0)!important;visibility:visible}.-body-solid .l-fixHeader{box-shadow:0 2px 4px var(--swl-color_shadow)}.l-fixHeader__inner{align-items:stretch;color:var(--color_header_text);display:flex;padding-bottom:0;padding-top:0;position:relative;z-index:1}.l-fixHeader__logo{align-items:center;display:flex;line-height:1;margin-right:24px;order:0;padding:16px 0}.is-style-btn_normal a,.is-style-btn_shiny a{box-shadow:var(--swl-btn_shadow)}.c-shareBtns__btn,.is-style-balloon>.c-tabList .c-tabList__button,.p-snsCta,[class*=page-numbers]{box-shadow:var(--swl-box_shadow)}.p-articleThumb__img,.p-articleThumb__youtube{box-shadow:var(--swl-img_shadow)}.p-pickupBanners__item .c-bannerLink,.p-postList__thumb{box-shadow:0 2px 8px rgba(0,0,0,.1),0 4px 4px -4px rgba(0,0,0,.1)}.p-postList.-w-ranking li:before{background-image:repeating-linear-gradient(-45deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.1) 6px,transparent 0,transparent 12px);box-shadow:1px 1px 4px rgba(0,0,0,.2)}@media (min-width:960px){.-series .l-header__inner{align-items:stretch;display:flex}.-series .l-header__logo{align-items:center;display:flex;flex-wrap:wrap;margin-right:24px;padding:16px 0}.-series .l-header__logo .c-catchphrase{font-size:13px;padding:4px 0}.-series .c-headLogo{margin-right:16px}.-series-right .l-header__inner{justify-content:space-between}.-series-right .c-gnavWrap{margin-left:auto}.-series-right .w-header{margin-left:12px}.-series-left .w-header{margin-left:auto}}@media (min-width:960px) and (min-width:600px){.-series .c-headLogo{max-width:400px}}.c-gnav .sub-menu a:before,.c-listMenu a:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:icomoon!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}.c-submenuToggleBtn{display:none}.c-listMenu a{padding:.75em 1em .75em 1.5em;transition:padding .25s}.c-listMenu a:hover{padding-left:1.75em;padding-right:.75em}.c-gnav .sub-menu a:before,.c-listMenu a:before{color:inherit;content:"\e921";display:inline-block;left:2px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);vertical-align:middle}.widget_categories>ul>.cat-item>a,.wp-block-categories-list>li>a{padding-left:1.75em}.c-listMenu .children,.c-listMenu .sub-menu{margin:0}.c-listMenu .children a,.c-listMenu .sub-menu a{font-size:.9em;padding-left:2.5em}.c-listMenu .children a:before,.c-listMenu .sub-menu a:before{left:1em}.c-listMenu .children a:hover,.c-listMenu .sub-menu a:hover{padding-left:2.75em}.c-listMenu .children ul a,.c-listMenu .sub-menu ul a{padding-left:3.25em}.c-listMenu .children ul a:before,.c-listMenu .sub-menu ul a:before{left:1.75em}.c-listMenu .children ul a:hover,.c-listMenu .sub-menu ul a:hover{padding-left:3.5em}.c-gnav li:hover>.sub-menu{opacity:1;visibility:visible}.c-gnav .sub-menu:before{background:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.c-gnav .sub-menu .sub-menu{left:100%;top:0;z-index:-1}.c-gnav .sub-menu a{padding-left:2em}.c-gnav .sub-menu a:before{left:.5em}.c-gnav .sub-menu a:hover .ttl{left:4px}:root{--color_content_bg:var(--color_bg);}.c-widget__title.-side{padding:.5em}.c-widget__title.-side::before{content:"";bottom:0;left:0;width:40%;z-index:1;background:var(--color_main)}.c-widget__title.-side::after{content:"";bottom:0;left:0;width:100%;background:var(--color_border)}@media screen and (min-width: 960px){:root{}}@media screen and (max-width: 959px){:root{}}@media screen and (min-width: 600px){:root{}}@media screen and (max-width: 599px){:root{}}.swell-block-fullWide__inner.l-container{--swl-fw_inner_pad:var(--swl-pad_container,0px)}@media (min-width:960px){.-sidebar-on .l-content .alignfull,.-sidebar-on .l-content .alignwide{left:-16px;width:calc(100% + 32px)}.swell-block-fullWide__inner.l-article{--swl-fw_inner_pad:var(--swl-pad_post_content,0px)}.-sidebar-on .swell-block-fullWide__inner .alignwide{left:0;width:100%}.-sidebar-on .swell-block-fullWide__inner .alignfull{left:calc(0px - var(--swl-fw_inner_pad, 0))!important;margin-left:0!important;margin-right:0!important;width:calc(100% + var(--swl-fw_inner_pad, 0)*2)!important}}
/*# sourceURL=swell_custom-inline-css */
</style>
<link rel="stylesheet" id="swell-parts/footer-css" href="https://nano-dsgn.com/wp-content/themes/swell/build/css/modules/parts/footer.css?ver=2.7.5.1" media="print" onload="this.media='all'"><noscript> <link rel='stylesheet' id='swell-parts/footer-css' href='https://nano-dsgn.com/wp-content/themes/swell/build/css/modules/parts/footer.css?ver=2.7.5.1' type='text/css' media='all' /></noscript>
<link rel='stylesheet' id='swell-parts/main-visual--single-css' href='https://nano-dsgn.com/wp-content/themes/swell/build/css/modules/parts/main-visual--single.css?ver=2.7.5.1' type='text/css' media='all' />
<link rel='stylesheet' id='swell-page/404-css' href='https://nano-dsgn.com/wp-content/themes/swell/build/css/modules/page/404.css?ver=2.7.5.1' type='text/css' media='all' />
<style id='classic-theme-styles-inline-css' type='text/css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
</style>
<link rel='stylesheet' id='contact-form-7-css' href='https://nano-dsgn.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.1.4' type='text/css' media='all' />
<link rel='stylesheet' id='child_style-css' href='https://nano-dsgn.com/wp-content/themes/swell_child/style.css?ver=2025120514030' type='text/css' media='all' />

<link href="https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&#038;display=swap" rel="stylesheet">
<noscript><link href="https://nano-dsgn.com/wp-content/themes/swell/build/css/noscript.css" rel="stylesheet"></noscript>
<link rel="https://api.w.org/" href="https://nano-dsgn.com/wp-json/" /><link rel="icon" href="https://nano-dsgn.com/wp-content/uploads/2026/01/fabicon_v2.svg" sizes="32x32" />
<link rel="icon" href="https://nano-dsgn.com/wp-content/uploads/2026/01/fabicon_v2.svg" sizes="192x192" />
<link rel="apple-touch-icon" href="https://nano-dsgn.com/wp-content/uploads/2026/01/fabicon_v2.svg" />
<meta name="msapplication-TileImage" content="https://nano-dsgn.com/wp-content/uploads/2026/01/fabicon_v2.svg" />
		<style type="text/css" id="wp-custom-css">
			/* =========================
  ▼▼ Fonts
========================= */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/* =========================
  ▼▼ ヘッダー
========================= */


/* 追従ヘッダー */
@media screen and (min-width: 1000px) {
	.l-fixHeader__gnav, .c-gnavWrap{ 
		display:none; }
	.-body-solid .l-fixHeader {
    box-shadow: none; }
	#fix_header .c-headLogo__img{
    transform-origin: left center;
    transform: scale(1.4);
		}
	.l-fixHeader__logo {
		padding: 36px 0;
	}
	.l-fixHeader__inner.l-container {
    margin-left: 0; }
}


/* 上の黄色い線 */
.top-yellow-line{
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 8px;
  background: #F6FF00;
  z-index: 9999;
}

/* ヘッダー背景を消す */
.l-header{ background: none; }

/* グロナビ非表示（PC） */
@media screen and (min-width: 1000px) {
#gnav{ display:none; }
}

/* PC */
@media (min-width:1000px){
  .l-header__inner.l-container{ padding: 8px 32px; }
  .c-headLogo__img{ height:160%; }
}

/* SP + TAB：検索アイコン消す & ヘッダー位置 */
@media (max-width:999px){
  header#header{ top:24px; }
  i.icon-search{ display:none; }
}

/* SP：ロゴ左上固定（SWELL並び替え対策） */
@media (max-width:959px){
  header#header.l-header .l-header__inner{
    display:flex !important;
    justify-content: space-between;
    align-items:flex-start !important;
    padding: 0 12px !important;
  }

  header#header.l-header .l-header__logo{
    order:0 !important;
    margin-right:auto !important;
    text-align:left !important;
    line-height:1 !important;
    z-index:5;
  }

  header#header.l-header .c-headLogo__img{
    width:48px !important;
    height:auto !important;
    max-width:48px !important;
    display:block;
  }

  header#header.l-header .c-headLogo__link{
    display:inline-block;
    padding:0 !important;
    line-height:1 !important;
  }

  header#header.l-header .c-headLogo{ margin:0 !important; }

  /* 二重表示止める */
  header#header.l-header .c-headLogo__img.-common{ display:none !important; }
}

/* PC用フルメニューはPCだけ表示 */
@media (max-width: 999px){
  .p-fullMenu,
  .p-fullMenu__btn,
  .p-fullMenu__bg,
  .p-fullMenu__nav{
    display: none !important;
  }
}

/* 念のため：SPの純正ハンバーガーは必ず出す */
@media (max-width: 999px){
  .l-header__menuBtn.sp_{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 10005 !important;
    position: relative !important;
  }
}

/* ロゴ2個め消す */
.c-headLogo__img.-common {
	display: none;	
}








/* =========================
  ▼▼ タイポグラフィ〜
========================= */
.post_content p{
  line-height:2;
  font-size:.96rem;
  letter-spacing:.08em;
}
span.swl-inline-icon{ padding-right:.24em; }

h2.h2-jp{ font-size:48px; }
h2.h2-en{ 
	font-family:poppins;
	color:#4f4d3f!important;
}
h2.h2-en-ct{ 
	font-family:poppins;
	color:#ababa3!important;
}
.post_content h3{ font-size:1.8em; }

.narrow{ letter-spacing:.04em !important; }

@media (min-width:1000px){ h3.concept-h3{ font-size:64px; } }
@media (min-width:600px) and (max-width:999px){ h3.concept-h3{ font-size:48px; } }
@media (max-width:480px){ h3.concept-h3{ font-size:40px; } }








/* ===========================
  ▼▼ h2 nano icon + 左の線
=========================== */
h2.wp-block-heading.h2-en.is-style-section_ttl{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  width:100% !important;
  overflow:visible !important;
  padding-left:0 !important;
}
h2.wp-block-heading.h2-en.is-style-section_ttl::after{
  content:none !important; /* 右線不要 */
}
h2.wp-block-heading.h2-en.is-style-section_ttl .ttl-text{
  display:inline-flex !important;
  align-items:center !important;
  white-space:nowrap !important;
  position:relative !important;
  z-index:2 !important;
}
h2.wp-block-heading.h2-en.is-style-section_ttl .ttl-text::before{
  content:"" !important;
  display:inline-block !important;
  width:32px !important;
  height:32px !important;
  margin-right:8px !important;
  background:url("/wp-content/uploads/2025/12/nano-icon.svg") center/contain no-repeat !important;
}
/* 左線：画面左端→h2開始位置まで */
h2.wp-block-heading.h2-en.is-style-section_ttl::before{
  content:"" !important;
  position:absolute !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  height:1px !important;
  background:#e5e5e5 !important;
  left: calc(50% - 50vw) !important;
  width: calc(50vw - 50% - 4px) !important;
}









/* =========================
  ▼▼ メインビジュアル(PC)
========================= */
@media (min-width:1000px){

  #main_visual{
    position:relative;
    overflow:hidden;
  }
  #main_visual .p-mainVisual__inner,
  #main_visual .p-mainVisual__slide{
    position:relative;
  }

  #main_visual .p-mainVisual__imgLayer{
    position:relative;
    z-index:1;
  }

  /* 白丸（mvCursor） */
  #main_visual .p-mainVisual__slide .mvCursor{
    position:absolute !important;
    width:720px;
    height:720px;
    border-radius:999px;
    background: rgba(255,255,255,.64);
    pointer-events:none;

    left:-9999px;
    top:-9999px;

    opacity:0;
    transition: opacity .15s ease;
    transform: translate(-50%, -50%);
    z-index:2 !important;
  }

  /* テキストレイヤー：全面中央 */
  #main_visual .p-mainVisual__textLayer{
    position:absolute !important;
    inset:0 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    text-align:center;
    z-index:10 !important;
    opacity:1 !important;
    visibility:visible !important;
    left:0 !important;        /* SWELLの中央ズレ解除 */
    transform:none !important;/* SWELLの中央ズレ解除 */
  }

  /* l-container制限解除（MV内のみ） */
  #main_visual .p-mainVisual__textLayer.l-container{
    max-width:none !important;
    padding-left:0 !important;
    padding-right:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  /* タイトル */
  #main_visual .p-mainVisual__slideTitle{ margin:0; }
  #main_visual .p-mainVisual__slideTitle > .p-mainVisual__slideTitle{
    display:flex !important;
    justify-content:center !important;
    align-items:flex-end !important;
    gap:0 !important;
    font-size:80px !important;
    font-weight:700 !important;
    padding-bottom:.16em !important;
    text-align:left;
  }
  #main_visual .p-mainVisual__slideTitle .mvCol{
    writing-mode: vertical-rl;
    line-height:1.4;
    display:block;
    white-space:nowrap;
  }

  /* サブコピー（上下線） */
  #main_visual .p-mainVisual__slideText{
    font-size:24px;
    font-weight:700;
    text-align:center;
    width:fit-content;
    margin:20px auto 0;
    position:relative;
    padding:24px 0;
  }
  #main_visual .p-mainVisual__slideText::before,
  #main_visual .p-mainVisual__slideText::after{
    content:"";
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    width:100%;
    height:1px;
    background:#D9D9D9;
  }
  #main_visual .p-mainVisual__slideText::before{ top:0; }
  #main_visual .p-mainVisual__slideText::after{ bottom:0; }

  /* アニメ */
  .p-mainVisual__slideTitle{
    opacity:0;
    animation: mvFade 1.6s ease-out forwards;
  }
  .p-mainVisual__slideText{
    opacity:0;
    animation: mvFade 1.6s ease-out forwards;
    animation-delay:.3s;
  }
  @keyframes mvFade{ from{opacity:0;} to{opacity:1;} }

  @media (prefers-reduced-motion: reduce){
    .p-mainVisual__slideTitle,
    .p-mainVisual__slideText{
      animation:none;
      opacity:1;
    }
  }
}









/* =========================
  ▼▼ メインビジュアル(SP)
========================= */
@media (max-width:599px){

  #main_visual .p-mainVisual__slideTitle{ margin:0; }
  #main_visual .p-mainVisual__slideTitle > .p-mainVisual__slideTitle{
    display:flex;
    justify-content:center;
    align-items:flex-end;
    gap:0;
    font-size:14vw;
    font-weight:700;
    padding-bottom:.16em;
    text-align:left;
  }
  #main_visual .p-mainVisual__slideTitle .mvCol{
    writing-mode: vertical-rl;
    line-height:1.4;
    display:block;
    white-space:nowrap;
  }

  #main_visual .p-mainVisual__slideText{
    font-size:18px;
    font-weight:700;
    text-align:center;
    width:fit-content;
    margin:12px auto 0;
    position:relative;
    padding:12px 0;
  }
  #main_visual .p-mainVisual__slideText::before,
  #main_visual .p-mainVisual__slideText::after{
    content:"";
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    width:100%;
    height:1px;
    background:#D9D9D9;
  }
  #main_visual .p-mainVisual__slideText::before{ top:0; }
  #main_visual .p-mainVisual__slideText::after{ bottom:0; }
}









/* =========================
  ▼▼ メインビジュアル(タブレット)
========================= */
@media (min-width:600px) and (max-width:999px){

  #main_visual .p-mainVisual__slideTitle > .p-mainVisual__slideTitle{
    font-size:12vw;
    font-weight:700;
  }
  #main_visual .p-mainVisual__slideTitle .mvCol{
    writing-mode: vertical-rl !important;
    -webkit-writing-mode: vertical-rl !important;
    text-orientation: mixed !important;
    -webkit-text-orientation: mixed !important;
    display:inline-block;
    white-space:nowrap;
    line-height:1.4;
  }

	#main_visual .p-mainVisual__slideText{
    position: relative;     /* ←これ必須 */
    display: inline-block;  /* 念のため（幅が伸びるのも防ぐ） */
    width: fit-content;
    margin: 12px auto 0;
  }
	
  #main_visual .p-mainVisual__slideText{
    font-size:24px;
    padding:24px 0;
    font-weight:700;
  }
  #main_visual .p-mainVisual__slideText::before,
  #main_visual .p-mainVisual__slideText::after{
    content:"";
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    width:100%;
    height:1px;
    background:#D9D9D9;
  }
  #main_visual .p-mainVisual__slideText::before{ top:0; }
  #main_visual .p-mainVisual__slideText::after{ bottom:0; }
}









/* ==========================
  ▼▼ PC 開閉 Menu 
========================== */
/* 行き：ボタンのみ / 維持：アイコンとリストのみ */

:root{
  --keep-top: 0px;
  --keep-right: 0px;
  --keep-w: 420px;
  --keep-h: 380px;
}

/* 親（あってもなくてもOK） */
.p-fullMenu{
  position:relative;
  display:inline-block;
}

/* menuボタン */
.p-fullMenu__btn{
  position:fixed;
  top:16px;
  right:20px;
  z-index:10000;
  cursor:pointer;
  display:inline-flex;
  line-height:1;
}
.p-fullMenu__btn img{
  display:block;
  width:4.2em;
  height:auto;
}

/* 維持用：赤枠の当たり判定（普段は無効） */
.p-fullMenu__keep{
  position:fixed;
  top: var(--keep-top);
  right: var(--keep-right);
  width: var(--keep-w);
  height: var(--keep-h);
  z-index:9996;
  background: transparent;

  pointer-events:none;
  opacity:0; /* デバッグ時は 0.06 など */
}

/* 背景（白丸）＝見た目だけ */
.p-fullMenu__bg{
  position:fixed;
  inset:0;
  z-index:9990;
  pointer-events:none;

  opacity:0;
  visibility:hidden;
  transition: opacity .12s ease, visibility 0s linear .18s;
}
.p-fullMenu__bg::before{
  content:"";
  position:absolute;
  top:16%;
  right:-24vmax;
  width:62vmax;
  height:62vmax;
  border-radius:50%;
  background: rgba(255,255,255,.9);

  transform: translateY(-50%) scale(.85);
  opacity:0;
  transition: transform .12s ease, opacity .12s ease;
}

/* メニューのリストの装飾 */
.p-fullMenu__nav{
  position:fixed;
  top:25%;
  right:8vmax;
  transform: translate(50%, -50%);
  z-index:9997;

  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition: opacity .12s ease, visibility 0s linear .18s;
}
.p-fullMenu__nav ul{
  list-style:none;
  padding:0;
  margin:0;
  width:min(420px,40vw);
}
.p-fullMenu__nav li{ margin:28px 0; }
.p-fullMenu__nav a{
  font-size:24px;
  font-weight:900;
  font-family:Poppins, sans-serif;
  color:#28271c;
  letter-spacing:.08em;
  text-decoration:none;
		line-height: 0.8;
}
.p-fullMenu__nav a:hover{ color:#4f4d3f; }

/*    JS制御：開いた状態（is-open）*/

/* keepは普段は無効（＝スクロール邪魔しない） */
.p-fullMenu__keep{
  pointer-events:none;
}

/* 開いている間だけ keep を有効化 */
.p-fullMenu.is-open .p-fullMenu__keep{
  pointer-events:auto;
}

/* bg/nav を表示 */
.p-fullMenu.is-open .p-fullMenu__bg{
  opacity:1;
  visibility:visible;
  transition: opacity .12s ease, visibility 0s;
}
.p-fullMenu.is-open .p-fullMenu__bg::before{
  opacity:1;
  transform: translateY(-50%) scale(1);
}

.p-fullMenu.is-open .p-fullMenu__nav{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition: opacity .12s ease, visibility 0s;
}


/* 旧方式の名残があっても完全に無効化 */
#fullmenu-toggle{ display:none !important; }
.p-fullMenu__bridge{ display:none !important; }
.p-fullMenu__overlay{ display:none !important; }


/* Menuアイコン装飾 */
button, input, select, textarea {
    background: none;
    border: none;
    padding: .80em .5em;
}

/* プライバシーポリシー小 */
/* 通常メニュー */
.p-fullMenu__nav li{
  margin:28px 0;
}

/* 小さめ表記だけ詰める */
.p-fullMenu__nav li:has(a.fsize-s){
  margin: 8px 0;
}

/* 文字バランス */
.p-fullMenu__nav a.fsize-s{
  font-size:0.9em;
  line-height:1.3;
}








/* =========================
 ▼▼ 追従カーソル（黄色丸/64px/乗算）
========================= */
@media (min-width:1000px){
  .bodyCursor{
    position:fixed;
    left:0;
    top:0;
    width:64px;
    height:64px;
    border-radius:50%;
    background:#f6ff00;
    mix-blend-mode:multiply;
    pointer-events:none;
    opacity:0;
    transition: opacity .15s ease;
    transform: translate(-50%, -50%);
    will-change: transform;
    z-index:9999;
  }
}







/* =========================
  ▼▼ SP Menu スマホ開閉メニュー
========================= */
.c-widget__title.-spmenu{ background:none; }

@media (max-width:959px){

  .p-spMenu{
    position:fixed !important;
    inset:0 !important;
    width:100vw !important;
    height:100vh !important;
    background:transparent !important;
  }

  .p-spMenu,
  .p-spMenu__inner,
  .p-spMenu__inner *{
    background-image:none !important;
  }

  .p-spMenu__inner{
    position:relative !important;
    inset:0 !important;
    width:100vw !important;
    min-height:100vh !important;
    overflow:hidden !important;
  }

  /* 白90%背景（※いま background:none になっているので必要ならここを #fff に） */
  .p-spMenu__inner::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background:none !important; /* ←必要なら rgba(255,255,255,.9) */
    opacity:1 !important;
    z-index:0 !important;
    pointer-events:none !important;
  }

  .p-spMenu__inner::after{
    content:"" !important;
    position:absolute !important;
		/* ↓丸の位置はここ変更	 */
    right:-40vmin !important;
    top:-12vmin !important;
    width:120vmin !important;
    height:120vmin !important;
    border-radius:50% !important;
    background: rgba(255,255,255,.99) !important;
    z-index:-1 !important;
    pointer-events:none !important;
  }

  .p-spMenu__nav,
  .p-spMenu .c-listMenu,
  .p-spMenu .c-listMenu a{
    position:relative !important;
    z-index:2 !important;
  }

  .p-spMenu .c-listMenu a{ 
		font-weight:900 !important; 
	}

  .p-spMenu .c-listMenu a::before,
  .p-spMenu .c-gnav .sub-menu a::before{
    content:none !important;
    display:none !important;
  }
  .p-spMenu .c-listMenu a{ padding-left:1em !important; }

  .p-spMenu .c-listMenu li,
  .p-spMenu .c-listMenu a{
    border:0 !important;
    box-shadow:none !important;
  }

  .p-spMenu .c-listMenu a:hover{
    padding-left:1em !important;
    padding-right:1em !important;
  }
/* 最後の2つだけフォント小 */
.p-spMenu__nav li:nth-last-child(-n+3) > a {
  font-size: 88%;
}
	
  .p-spMenu__overlay{
    opacity:0 !important;
    background:transparent !important;
    pointer-events:none !important;
  }

  .p-spMenu__closeBtn{ z-index:100; }
  i.c-iconBtn__icon.icon-close-thin{ margin-top:16px; }

  .p-spMenu__nav a{
    text-align:right;
    font-size:16px;
    line-height:1;
    z-index:100;
  }

  .p-spMenu,
  .p-spMenu__inner{
    box-shadow:none !important;
    filter:none !important;
  }
}

@media (min-width:600px) and (max-width:999px){
  .p-spMenu__nav a{ font-size:24px; }
}


/* :hover で付いている背景色があれば消す（メニュー内だけ） */
.p-spMenu a:hover {
  background: transparent !important;
}


/* :active で付いている背景色があれば消す（メニュー内だけ） */
.p-fullMenu__nav a:active,
.p-spMenu a:active {
  background: transparent !important;
}

/* もしli側に色が付いている場合も潰す */
.p-fullMenu__nav li:active,
.p-spMenu li:active {
  background: transparent !important;
}

/* キーボード操作の見やすさは残す（必要なら） */
.p-fullMenu__nav a:focus-visible,
.p-spMenu a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

/* 指で押している間 */
.p-spMenu a:active {
  color: #4f4d3f !important;
  background: transparent !important;
}


/* ×ボタン */
.-right .p-spMenu__closeBtn {
    right: 20px;
    top: 20px;
}


/* スマホメニュー：スライド→フェード */
/* スマホメニュー：ふわっと表示/非表示（背景と文字の同期版） */
#sp_menu.p-spMenu{
  transform: none !important;          /* スライド無効 */
  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  /* 閉じる時：少し長め＆最後にvisibilityを切る */
  transition:
    opacity .38s ease,
    visibility 0s linear .38s;
}

/* 中身（文字側）も一緒にフェード＆軽く移動 */
#sp_menu .p-spMenu__inner{
  opacity: 0;
  transform: translateY(10px);
  transition:
    opacity .38s ease,
    transform .38s ease;
}

/* 開いている時 */
html.is-spMenuFadeOpen #sp_menu.p-spMenu{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;

  /* 開く時：少しキビキビ */
  transition:
    opacity .28s ease,
    visibility 0s linear 0s;
}

html.is-spMenuFadeOpen #sp_menu .p-spMenu__inner{
  opacity: 1;
  transform: translateY(0);
  transition:
    opacity .28s ease,
    transform .28s ease;
}



/* メニュー領域でのiOSタップハイライトを無効化 */
#sp_menu, #sp_menu * {
  -webkit-tap-highlight-color: transparent !important;
}










/* ==========================
 ▼▼  Service イメージ右oveflow
========================== */
.service-col-parbox .service-col-chbox02 figure.wp-block-image{
  overflow:visible;
}
.service-col-parbox .service-col-chbox02 .img_service{
  max-width:none !important;
  height:auto;
  display:block;
  transform: translate(-12%, -30%);
}
@media (max-width:1024px){
  .service-col-parbox .service-col-chbox02 .img_service{
    width:110%;
    transform: translate(2%, -3%);
  }
}
@media (max-width:599px){
  .service-col-parbox .service-col-chbox02 .img_service{
    width:100%;
    transform:none;
  }
}
@media (min-width:1000px){
  .img_service.wp-block-image img{ max-width:130%; }
}







/* =========================
  ▼▼ Works  制作実績
========================= */
p.tag{
  display:inline-block;
  padding: 0 6px 1px;
  font-size:12px !important;
  font-weight:bold;
  line-height:1.6;
  color:#fff;
  background:#D9D9D0;
  border-radius:2px;
  letter-spacing:0;
  white-space:nowrap;
}
.works_img{
  transition: transform .4s ease;
}
.works_img:hover{
  transform: scale(1.06);
}

.anchor_line {
	
}







/* =========================
  ▼▼ Voice お客様の声
========================= */
.wp-block-group.voice_col_parbox{
  background: linear-gradient(to bottom,
    rgba(249,249,246,1) 0%,
    rgba(249,249,246,.6) 40%,
    rgba(249,249,246,.4) 80%,
    #ffffff 100%);
  border-radius:80px;
}
.voice_col_parbox > .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained{
  padding:48px;
}








/* =========================
  ▼▼ Step 流れ
========================= */
.swell-block-step__number:after{ color:#28271c; }
span.__label{ color:#28271c; }








/* =========================
  ▼▼ 料金プラン
========================= */
.plan_tit01{ background:#8ABDD0; padding:16px 0; }
.plan_tit02{ background:#E7D945; padding:16px 0; }
.plan_tit03{ background:#DA96AB; padding:16px 0; }
.plan_tit01>div,
.plan_tit02>div,
.plan_tit03>div{ color:#fff; }

@media screen and (min-width: 1000px) {
	.poppins{
  font-family:"Poppins", sans-serif;
  font-weight:700 !important; }
}

@media (max-width: 480px){
	.poppins{ 
	font-family:"Poppins", sans-serif;
  font-weight:700 !important; }
}

@media (min-width: 480px) and (max-width: 1000px) {
	.poppins{ 
	font-family:"Poppins", sans-serif;
  font-weight:700 !important; }
}

.jp-bold{
  font-family:"Noto Sans JP", sans-serif;
  font-weight:900;
  vertical-align:.1em;
}
p.poppins{ 
	line-height:1.5;
	letter-spacing: -0.02em;
}

ul.wp-block-list.plan_ul{
  text-align:center;
  list-style:none;
  padding:0;
  margin:0;
}
.post_content li{
  line-height:1.5;
  margin:1.2em 0;
}

.plan_subtit_box{
  background:#CCCCC4;
  padding:0 0 5px;
  margin:0 1em 1em;
}
.plan_subtit_box>div{ color:#fff; }

.swell-block-column.swl-has-mb--s.plan_col_chbox{
  border:1px solid #E0E0D7;
}

/* アンダーライン見出し */
.under-line-box{ text-align:center; }
.post_content h4.is-style-section_ttl.under-line{
  position:relative !important;
  display:inline-block;
  width:fit-content;
  padding-bottom:6px;
  border-bottom:none !important;
}
.post_content h4.is-style-section_ttl.under-line::after{
  content:"" !important;
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:2px;
  background:#000;
}

/*   プラン表：PC・タブレットはスクロールOFF */

/* タブレット以上 */
@media screen and (min-width: 980px) {

  /* 横スクロール解除 */
  .swell-block-columns[data-scrollable="1"] {
    overflow-x: visible !important;
  }

  /* 中のラッパーも解除 */
  .swell-block-columns[data-scrollable="1"]
  .swell-block-columns__inner {
    overflow-x: visible !important;
    flex-wrap: wrap;
  }

  /* スクロールヒント非表示 */
  .swell-block-columns[data-scrollable="1"] .c-scrollHint {
    display: none !important;
  }
}









/* =========================
  ▼▼ オプション項目 フォルダ形状に
========================= */
.option-text{
  background:#F9F9F6;
  padding:32px 40px 36px;
  margin-top:12px;
  border-radius:4px;
  line-height:2.2;
  font-size:15px;
}
h4.option-ttl.is-style-section_ttl{
  display:inline-block !important;
  width:auto !important;
  background:#F9F9F6 !important;
  padding:8px 48px 8px 20px !important;
  font-size:1.2em;
  font-weight:700;
  margin-bottom:-18px !important;
  position:relative;
  z-index:3;
  clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);
}
@media (max-width:600px){
  .option-text{
    padding:24px 20px 28px;
    font-size:14px;
    line-height:2;
  }
  .option-ttl{
    font-size:14px;
    padding:6px 14px;
  }
}


/* チェックの文字スマホ左寄せ */

@media screen and (max-width: 980px) {
	.post_content p.has-text-align-center.narrow {
	text-align: left;
}
}

/* スマホだけ全角スペース */
/* PCでは消す */
.sp-space{
  display:none;
}
/* スマホだけ表示 */
@media (max-width: 599px){
  .sp-space{
    display:inline;
  }
}




/* =======================
 ▼▼  Contact Form 7
======================= */

/* フォーム本体：中央寄せ＋幅70% */
#wpcf7-f8-p70-o2{
  margin:0 auto;
  width:70% !important;
}

/* スマホ時：幅90% */
@media (max-width:480px){
  #wpcf7-f8-p70-o2{ width:90% !important; }
}

/* 必須ラベル */
.must{
  color:#fff;
  margin-right:10px;
  padding:6px 10px;
  background:#FEFFEB;
  border-radius:5px;
}

/* 任意ラベル */
.free{
  color:#fff;
  margin-right:10px;
  padding:6px 10px;
  background:#424242;
  border-radius:20px;
}

/* テキスト入力・テキストエリア共通 */
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea{
  width:100%;
  padding:8px 15px;
  margin-right:10px;
  margin-top:10px;
  border:1px solid #d0d5d8;
  border-radius:3px;
}

/* テキストエリア高さ */
textarea.wpcf7-form-control.wpcf7-textarea{
  height:200px;
}

/* テキスト入力背景 */
input.wpcf7-form-control.wpcf7-text{
  background:#fff;
}

/* 送信ボタンラッパー中央寄せ */
.form-submit{
  display:flex;
  justify-content:center;
  align-items:center;
}

/* 送信ボタンデザイン */
input.wpcf7-submit{
  width:300px;
  height:60px;
  background:#ababa3;
  color:#fff;
  font-size:20px;
  font-weight:500;
  letter-spacing:.5em;
  border-radius:2px;
  border:none;
  box-shadow: var(--swl-btn_shadow);
}

/* ホバー時 */
input.wpcf7-submit:hover{
  background:#ccccc4;
}

/* スマホ時：送信ボタン幅100% */
@media (max-width:480px){
  input.wpcf7-submit{
    width:100%;
  }
}

/* バリデーションエラー表示 */
span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors{
  color:red;
  font-weight:600;
}

/* 中央揃え用クラス */
div.center,
p.center{
  text-align:center;
}

/* フォーム各行の下余白 */
.wpcf7 .wpcf7-form p{
  margin-bottom:3em;
}

/* 日付などの字下げ */
.form-date{
  text-indent:1em;
}

/* 送信中スピナー中央寄せ */
span.wpcf7-spinner{
  display:block;
  margin:10px auto;
}

/* 必須テキストエリア背景 */
textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required{
  background:#fff;
}

/* PC時：問い合わせブロック余白 */
@media (min-width:1000px){
  .wp-block-group.bg-wh{
    margin:10vw;
  }
}

/* 送信ボタン行の行間調整 */
.wpcf7-form p:has(.wpcf7-submit){
  line-height:1;
}

/* 980px以下：プロフィール画像中央寄せ */
@media screen and (max-width: 980px){
  figure.wp-block-image.size-full.prof_img{
    width:70%;
    margin:0 auto;
  }
}





/* =======================
  ▼▼ フッター
======================= */
.l-footer__foot{ display:none; } /* デフォルトフッター消す */
.w-footer__box{ padding:0; }

#body_wrap{ min-height:100vh; }

.l-footer{ background-color:#F9F9F6; }

.swell-block-column.swl-has-mb--s.fit-c {
    width: fit-content;
}

.footer-box .swell-block-columns__inner {
    justify-content: space-between;
}








/* =========================
  ▼▼ 下層固定ページ共通
========================= */
/* パンくずリスト */
div#breadcrumb { display: none; }
div#breadcrumb { display: none; }
/* デフォルトh1 */
h1.c-pageTitle { display: none; }
/* 投稿リストシャドウ取る・高さ */
.p-pickupBanners__item .c-bannerLink, .p-postList__thumb {
    box-shadow: none;
}
.c-postThumb__figure {
    height: 220px;
	width: 277px;
	border-radius: 2px;
	margin: 0 auto;
}
/* ホバー時の水色網掛け取る */
.p-postList__thumb:before {
background: none;}









/* =========================
   ▼▼ 投稿カード：画像ホバーで明るく
========================= */

/* ① 画像エリアを基準にする */
.p-postList__thumb {
  position: relative;
  overflow: hidden;
}

/* ② 明度レイヤー */
.p-postList__thumb::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,.5);
  transition: background .35s ease;
  z-index: 2;
  pointer-events: none;
}

/* ③ ホバー時にふわっと明るく */
.p-postList__item:hover .p-postList__thumb::before {
  background: rgba(255, 255, 255, .28);
}

/* h2タイトル */
h2.p-postList__title {
    text-align: center;
	letter-spacing: 0.08em;
}

/* デフォh1消す */
h1.c-postTitle__ttl {
    display: none;
}

/* 投稿のサイドバー消す */
aside#sidebar {
    display: none;
}
/* 投稿内容センター */
@media (min-width: 960px) {
    .-sidebar-on .l-content {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}






/* =========================
   ▼▼ 追従ヘッダー　追加
========================= */
@media (min-width:1000px){
  /* 追従ヘッダーがMenuの上に被さってhoverを殺すのを防ぐ */
  .l-fixHeader{
    pointer-events:none !important;
  }

  /* ただし追従ヘッダー内でクリックしたい要素だけ戻す（ロゴ） */
  .l-fixHeader .l-fixHeader__logo a,
  .l-fixHeader .l-fixHeader__logo button{
    pointer-events:auto !important;
  }
}

@media (min-width:1000px){
  /* 追従ヘッダーで「ふわっと降りてくるMenu」を消す（ロゴは残る） */
  #fix_header .l-fixHeader__menuBtn,
  #fix_header .p-fullMenu,
  #fix_header .c-iconBtn.-menuBtn{
    display:none !important;
  }
}





/* =========================
  ▼▼ 事業概要
========================= */
/* 高さ */
.wp-block-table td {
	padding: 1.5em .75em;
}
/* タイトル行の幅 */
.wp-block-table tr>:first-child:not(:last-child) {
	width: 24vw;
	color: #8E8E88;
	font-size: .96em;
}
/* スマホ時2列目センター */
@media (max-width: 800px){
	td {
		text-align: center;	}
	.wp-block-table tr>:first-child:not(:last-child) {
	background-color: #F1F1E8;
	padding: 1em;
	border: none;}
	.wp-block-table tr > td:nth-of-type(2){
  padding-bottom: 4em; }
}












		</style>
		
<link rel="stylesheet" href="https://nano-dsgn.com/wp-content/themes/swell/build/css/print.css" media="print" >
<div class="top-yellow-line"></div>

</head>
<body>
<div id="body_wrap" class="error404 wp-theme-swell wp-child-theme-swell_child -body-solid -index-off -sidebar-off -frame-off" >
<div id="sp_menu" class="p-spMenu -right"><div class="p-spMenu__inner"><div class="p-spMenu__closeBtn"><button class="c-iconBtn -menuBtn c-plainBtn" data-onclick="toggleMenu" aria-label="メニューを閉じる"><i class="c-iconBtn__icon icon-close-thin"></i></button></div><div class="p-spMenu__body"><div class="c-widget__title -spmenu"></div><div class="p-spMenu__nav"><ul class="c-spnav c-listMenu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-2 current_page_item menu-item-1006"><a href="http://nano-dsgn.com/" aria-current="page">Top</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-1007"><a href="/#service" aria-current="page">サービス内容</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-1008"><a href="/#works" aria-current="page">制作実績</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-1009"><a href="/#plan" aria-current="page">料金プラン</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-1010"><a href="/#contact" aria-current="page">お問い合わせ</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1640"><a href="http://nano-dsgn.com/outline/">事業概要</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1065"><a href="http://nano-dsgn.com/privacy-policy/">プライバシーポリシー</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1545"><a href="http://nano-dsgn.com/commerce/">特定商取引法に基づく表記</a></li></ul></div></div></div><div class="p-spMenu__overlay c-overlay" data-onclick="toggleMenu"></div></div><header id="header" class="l-header -series -series-right" data-spfix="1"><div class="l-header__inner l-container"><div class="l-header__logo"><div class="c-headLogo -img"><a href="http://nano-dsgn.com/" title="nano*dsgn labo" class="c-headLogo__link" rel="home"><img width="188" height="264" src="http://nano-dsgn.com/wp-content/uploads/2026/01/logo_01.svg" alt="nano*dsgn labo" class="c-headLogo__img" sizes="(max-width: 959px) 50vw, 800px" decoding="async" loading="eager" ></a></div></div><nav id="gnav" class="l-header__gnav c-gnavWrap"><ul class="c-gnav"><li class="menu-item"><a href="http://nano-dsgn.com/outline/"><span class="ttl">Outline</span></a></li><li class="menu-item"><a href="http://nano-dsgn.com/works/"><span class="ttl">Works</span></a></li><li class="menu-item"><a href="http://nano-dsgn.com/commerce/"><span class="ttl">Commerce</span></a></li><li class="menu-item"><a href="http://nano-dsgn.com/privacy-policy/"><span class="ttl">Privacy Policy</span></a></li><li class="menu-item"><a href="http://nano-dsgn.com/"><span class="ttl">Top</span></a></li></ul></nav><div class="w-header pc_"><div class="w-header__inner"><div id="text-3" class="w-header__item widget_text"><div class="textwidget"><div class="p-blogParts post_content" data-partsID="381"><div class="wp-block-group pc_only"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained"><div class="p-fullMenu"> <button class="p-fullMenu__btn" type="button" aria-controls="pcMenu" aria-expanded="false"> <img decoding="async" src="/wp-content/uploads/2026/01/menu.svg" alt="MENU"> </button> <div class="p-fullMenu__keep" aria-hidden="true"></div> <nav id="pcMenu" class="p-fullMenu__nav" aria-label="Site menu"> <ul> <li><a href="https://nano-dsgn.com/">Top</a></li> <li><a href="/#service">サービス内容</a></li> <li><a href="/works/">制作実績</a></li> <li><a href="/#plan">料金プラン</a></li> <li><a href="/#contact">お問い合わせ</a></li> <li><a class="fsize-s" href="/outline/">事業概要</a></li> <li><a class="fsize-s" href="/privacy-policy/">プライバシーポリシー</a></li> <li><a class="fsize-s" href="/commerce/">特定商取引法に基づく表記</a></li> </ul> </nav> <div class="p-fullMenu__bg" aria-hidden="true"></div></div></div></div></div></div></div></div></div><div class="l-header__customBtn sp_"><button class="c-iconBtn c-plainBtn" data-onclick="toggleSearch" aria-label="検索ボタン"><i class="c-iconBtn__icon icon-search"></i></button></div><div class="l-header__menuBtn sp_"><button class="c-iconBtn -menuBtn c-plainBtn" data-onclick="toggleMenu" aria-label="メニューボタン"><i class="c-iconBtn__icon icon-menu-thin"></i></button></div></div></header><div id="fix_header" class="l-fixHeader -series -series-right"><div class="l-fixHeader__inner l-container"><div class="l-fixHeader__logo"><div class="c-headLogo -img"><a href="http://nano-dsgn.com/" title="nano*dsgn labo" class="c-headLogo__link" rel="home"><img width="188" height="264" src="http://nano-dsgn.com/wp-content/uploads/2026/01/logo_01.svg" alt="nano*dsgn labo" class="c-headLogo__img" sizes="(max-width: 959px) 50vw, 800px" decoding="async" loading="eager" ></a></div></div><div class="l-fixHeader__gnav c-gnavWrap"><ul class="c-gnav"><li class="menu-item"><a href="http://nano-dsgn.com/outline/"><span class="ttl">Outline</span></a></li><li class="menu-item"><a href="http://nano-dsgn.com/works/"><span class="ttl">Works</span></a></li><li class="menu-item"><a href="http://nano-dsgn.com/commerce/"><span class="ttl">Commerce</span></a></li><li class="menu-item"><a href="http://nano-dsgn.com/privacy-policy/"><span class="ttl">Privacy Policy</span></a></li><li class="menu-item"><a href="http://nano-dsgn.com/"><span class="ttl">Top</span></a></li></ul></div></div></div><div id="main_visual" class="p-mainVisual -type-single -height-set"><div class="p-mainVisual__inner"><div class="p-mainVisual__slide c-filterLayer -nofilter"><picture class="p-mainVisual__imgLayer c-filterLayer__img"><source width="786" height="1020" media="(max-width: 959px)" sizes="100vw" srcset="http://nano-dsgn.com/wp-content/uploads/2026/01/Mask_group_sp_v3.png 786w, http://nano-dsgn.com/wp-content/uploads/2026/01/Mask_group_sp_v3-231x300.png 231w, http://nano-dsgn.com/wp-content/uploads/2026/01/Mask_group_sp_v3-768x997.png 768w" ><img width="2560" height="1424" src="http://nano-dsgn.com/wp-content/uploads/2026/01/Mask_group_v5-scaled.png" alt="" class="p-mainVisual__img u-obf-cover" srcset="http://nano-dsgn.com/wp-content/uploads/2026/01/Mask_group_v5-scaled.png 2560w, http://nano-dsgn.com/wp-content/uploads/2026/01/Mask_group_v5-300x167.png 300w, http://nano-dsgn.com/wp-content/uploads/2026/01/Mask_group_v5-1024x570.png 1024w, http://nano-dsgn.com/wp-content/uploads/2026/01/Mask_group_v5-768x427.png 768w, http://nano-dsgn.com/wp-content/uploads/2026/01/Mask_group_v5-1536x854.png 1536w, http://nano-dsgn.com/wp-content/uploads/2026/01/Mask_group_v5-2048x1139.png 2048w" sizes="(max-width: 2560px) 100vw, 2560px" decoding="async" ></picture><div class="p-mainVisual__textLayer l-parent l-container u-ta-c" style="color:#28271c;text-shadow:1px 1px 0px rgba(255, 255, 255, 0.2 )"><div class="p-mainVisual__slideTitle"><div class="p-mainVisual__slideTitle"><span class="mvCol">企業の魅力</span><span class="mvCol">研究所</span></div></div><div class="p-mainVisual__slideText">企業の強みを分析し<br />その魅力を最大限に届ける</div></div></div></div></div><div id="breadcrumb" class="p-breadcrumb"><ol class="p-breadcrumb__list l-container"><li class="p-breadcrumb__item"><a href="https://nano-dsgn.com/" class="p-breadcrumb__text"><span class="__home icon-home"> ホーム</span></a></li><li class="p-breadcrumb__item"><span class="p-breadcrumb__text">お探しの記事は見つかりませんでした。</span></li></ol></div><div id="content" class="l-content l-container" >
<main id="main_content" class="l-mainContent l-article">
	<div class="l-mainContent__inner">
		<h1 class="c-ttl404">ページが見つかりませんでした。</h1>
		<div class="post_content">
			<p class="u-ta-c">
				お探しのページは移動または削除された可能性があります。			</p>
			<p class="u-ta-c">
				以下より キーワード を入力して検索してみてください。			</p>
			<form role="search" method="get" class="c-searchForm" action="https://nano-dsgn.com/" role="search">
	<input type="text" value="" name="s" class="c-searchForm__s s" placeholder="検索" aria-label="検索ワード">
	<button type="submit" class="c-searchForm__submit icon-search hov-opacity u-bg-main" value="search" aria-label="検索を実行する"></button>
</form>
			<div class="is-style-more_btn">
				<a href="https://nano-dsgn.com/">TOPページへ</a>
			</div>
		</div>
	</div>
</main>
</div>
<footer id="footer" class="l-footer">
	</footer>
<div class="p-fixBtnWrap">
	
			<button id="pagetop" class="c-fixBtn c-plainBtn hov-bg-main" data-onclick="pageTop" aria-label="ページトップボタン" data-has-text="">
			<i class="c-fixBtn__icon icon-chevron-up" role="presentation"></i>
					</button>
	</div>

<div id="search_modal" class="c-modal p-searchModal">
	<div class="c-overlay" data-onclick="toggleSearch"></div>
	<div class="p-searchModal__inner">
		<form role="search" method="get" class="c-searchForm" action="https://nano-dsgn.com/" role="search">
	<input type="text" value="" name="s" class="c-searchForm__s s" placeholder="検索" aria-label="検索ワード">
	<button type="submit" class="c-searchForm__submit icon-search hov-opacity u-bg-main" value="search" aria-label="検索を実行する"></button>
</form>
		<button class="c-modal__close c-plainBtn" data-onclick="toggleSearch">
			<i class="icon-batsu"></i> 閉じる		</button>
	</div>
</div>
</div><!--/ #all_wrapp-->
<script>
document.addEventListener('DOMContentLoaded', () => {
  const mv = document.querySelector('#main_visual');
  if (!mv) return;

  // タッチ端末は無効
  if (window.matchMedia('(hover: none)').matches) return;

  const slide = mv.querySelector('.p-mainVisual__slide');
  if (!slide) return;

  // すでに生成済みなら二重生成しない
  if (slide.querySelector('.mvCursor')) return;

  const dot = document.createElement('div');
  dot.className = 'mvCursor';
  slide.appendChild(dot);

  const move = (e) => {
    const r = slide.getBoundingClientRect();
    const x = e.clientX - r.left;
    const y = e.clientY - r.top;

    dot.style.opacity = '1';
    dot.style.left = x + 'px';
    dot.style.top  = y + 'px';
  };

  mv.addEventListener('mousemove', move);

  mv.addEventListener('mouseleave', () => {
    dot.style.opacity = '0';
  });
});
</script>





<script>
document.addEventListener('DOMContentLoaded', () => {
  const mv = document.querySelector('#main_visual');
  if (!mv) return;

  if (window.matchMedia('(hover: none)').matches) return;

  if (document.querySelector('.bodyCursor')) return;

  const dot = document.createElement('div');
  dot.className = 'bodyCursor';
  document.body.appendChild(dot);

  // 位置と状態
  let mx = -9999, my = -9999;
  let rafId = 0;
  let visible = false;

  // MVの矩形は毎回取らない
  let mvRect = mv.getBoundingClientRect();
  const updateRect = () => { mvRect = mv.getBoundingClientRect(); };

  // MV判定（軽い計算だけ）
  const isInsideMV = (x, y) =>
    x >= mvRect.left && x <= mvRect.right && y >= mvRect.top && y <= mvRect.bottom;

  // 画面外判定
  const isOutsideWindow = (x, y) =>
    x <= 0 || y <= 0 || x >= window.innerWidth || y >= window.innerHeight;

  const show = () => {
    if (visible) return;
    visible = true;
    dot.style.opacity = '1';
  };

  const hide = () => {
    if (!visible) return;
    visible = false;
    dot.style.opacity = '0';
  };

  // rAFで描画を1フレームにまとめる
  const render = () => {
    rafId = 0;
    dot.style.transform = `translate3d(${mx}px, ${my}px, 0) translate3d(-50%, -50%, 0)`;
  };

  const onMove = (e) => {
    const x = e.clientX;
    const y = e.clientY;

    // ここで表示/非表示だけ決める（DOM更新は最小限）
    if (isOutsideWindow(x, y) || isInsideMV(x, y)) {
      hide();
      return;
    }

    show();

    // 座標更新（描画はrAFへ）
    mx = x;
    my = y;

    if (!rafId) rafId = requestAnimationFrame(render);
  };

  // Rect更新は必要な時だけ
  window.addEventListener('resize', updateRect, { passive: true });
  window.addEventListener('scroll', updateRect, { passive: true });

  // pointermove推奨
  window.addEventListener('pointermove', onMove, { passive: true });

  // 画面外・タブ切替で消す
  window.addEventListener('mouseleave', hide, { passive: true });
  window.addEventListener('blur', hide, { passive: true });

  // 初期Rect
  updateRect();
});
</script>





<script>
document.addEventListener('DOMContentLoaded', function () {
  const toggle = document.getElementById('fullmenu-toggle');
  if (!toggle) return;

  // メニュー内のリンクを拾う（必要ならセレクタは増やす）
  const menuLinks = document.querySelectorAll('.p-fullMenu__nav a, .p-spMenu a');

  menuLinks.forEach(function (a) {
    a.addEventListener('click', function () {
      const href = a.getAttribute('href') || '';

      // ①「#section」みたいな純アンカー
      // ②「/about/#section」みたいに同一ページへ戻るケースもあるので hash を持つものも対象
      const isAnchor = href.startsWith('#') || (href.indexOf('#') !== -1);

      if (isAnchor) {
        // クリック直後だとスクロール処理と競合することがあるので少し遅らせて閉じる
        setTimeout(function () {
          toggle.checked = false;
        }, 50);
      }
    }, { passive: true });
  });
});
</script>







<script>
document.addEventListener('click', function (e) {
  const a = e.target.closest('#sp_menu .p-spMenu__nav a');
  if (!a) return;

  // SWELLの仕組み（data-onclick="toggleMenu"）を利用して閉じる
  const toggler = document.querySelector('#sp_menu [data-onclick="toggleMenu"]');
  if (toggler) toggler.click();
}, true);
</script>






<script>
document.addEventListener('click', function (e) {
  // toggleMenu を叩く要素（開くボタン/閉じるボタン/オーバーレイ等）
  const t = e.target.closest('[data-onclick="toggleMenu"]');
  if (!t) return;

  // クリックに合わせてフェード用クラスをトグルする
  document.documentElement.classList.toggle('is-spMenuFadeOpen');
}, true);
</script>

</body></html>