@font-face{font-family:'Pathway Gothic One';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/pathwaygothicone/v9/MwQrbgD32-KAvjkYGNUUxAtW7pEBwx-tS1Zf.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Noto Sans JP';font-style:normal;font-weight:300;font-display:swap;src:url('../fonts/noto-sans-jp-300.woff2') format('woff2')}@font-face{font-family:'Noto Sans JP';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/noto-sans-jp-400.woff2') format('woff2')}@font-face{font-family:'Noto Sans JP';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/noto-sans-jp-500.woff2') format('woff2')}@font-face{font-family:'Noto Sans JP';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/noto-sans-jp-600.woff2') format('woff2')}a:active,a:hover{color:#7c6945;outline-width:0}:focus{outline:0}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.4}p{margin:0}ul,ol{margin:0;padding:0}li{list-style:none}a{color:inherit;text-decoration:none}input,textarea,select,button{font:inherit}table{border-collapse:collapse;border-spacing:0}iframe{border:none}#head-area,.popout span,.section,header p.logo,i.btnarrow,th a.btnarrow{position:relative}.acd-label:after,body{box-sizing:border-box}.wrap,ul.wsp-pages-list{text-align:center;margin:0 auto;width:100%;max-width:1200px}.wrap:after,ul.wsp-pages-list:after{clear:both;content:"";display:block}.section{padding:70px 0}.fixed #head-top{left:0;top:0;position:fixed;align-items:flex-start;transition:1s;background-color:rgba(255,255,255,.8);z-index:100}#head-top p#head-mail,header p.logo{background-color:rgba(166,139,98,1);text-align:center}#head-mail .screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fixed #head-top p.logo,.fixed #head-top p#head-mail{height:50px;max-width:70px;line-height:50px}.fixed #head-top #head-guide p:first-child{display:none}.top-slide:before{content:"";display:block;padding-top:100%}.top-slide span{display:block;width:fit-content;margin:20px auto 0;padding:20px;font-size:14px;font-weight:400;letter-spacing:0;--bg-gradient:linear-gradient(#fff 0 100%);background-image:var(--bg-gradient),var(--bg-gradient),var(--bg-gradient),var(--bg-gradient);background-repeat:no-repeat;background-size:100% 1px,1px 100%,100% 1px,1px 100%;background-position:left top 5px,right 5px top,left bottom 5px,left 5px top}body.home .top-slide h1 span{background:none}.top-slide h1 span a{padding:1em 1.5em;color:#fff}.top-slide h1 span a:hover{color:rgba(255,255,255,.6)}.top-slide h1 span.w-btn-wrap{display:flex;align-items:center;justify-content:center;gap:10px}body.homepage .top-slide{background-image:url(../image/slide/hp.jpg)}body.cms .top-slide{background-image:url(../image/slide/cms.jpg)}body.seo .top-slide{background-image:url(../image/slide/seo.jpg)}body.price .top-slide{background-image:url(../image/slide/price.jpg)}body.info .top-slide{background-image:url(../image/slide/info.jpg)}body.work .top-slide,body.date .top-slide{background-image:url(../image/slide/work.jpg)}body.category-news .top-slide{background-image:url(../image/slide/news.jpg)}body.category-blog .top-slide,body.blog .top-slide,body.category-wordpress .top-slide,body.eccube-blog .top-slide,body.category-custom .top-slide,body.category-font .top-slide,body.category-plugin .top-slide,body.category-eccube .top-slide,body.category-javascript .top-slide{background-image:url(../image/slide/blog.jpg)}body.error404 .top-slide{background-image:url(../image/slide/404.jpg)}body.search .top-slide{background-image:url(../image/slide/search .jpg)}body.home .top-slide{background-image:url(../image/slide/hello-world1.jpg)}.footer{background:linear-gradient(45deg,#efe8d9 25%,transparent 25%,transparent 75%,#efe8d9 75%),linear-gradient(45deg,#efe8d9 25%,transparent 25%,transparent 75%,#efe8d9 75%);background-color:#fff;background-size:8px 8px;background-position:0 0,4px 4px;padding:100px 0 20px}.line01,.line02{background-color:#776542}.yazirusi{width:150px;height:50px;transform:rotate(90deg);position:fixed;right:-10px;bottom:20px;cursor:pointer}.yazirusi a{display:block;width:100%;height:100%}.list li,.nav_list li,.nav_list li a::before,ul.li-mark li a,ul.li-mark li:before,ul.three-li li{display:inline-block;vertical-align:top}.line01{height:1px}.line02{position:absolute;top:0;left:0;transform-origin:left top;width:20px;height:1px;transform:rotate(45deg)}.footer textarea{color:#776542;font-size:12px}.footer .form{width:90%;max-width:500px;text-align:center;margin:auto}.footer .form input,.footer .form textarea{padding:10px;margin-bottom:10px;background-color:rgba(166,139,98,.1);width:100%;border:none}.footer .form input::placeholder,.footer .form textarea::placeholder{color:#ae976c}.footer .form input:focus::-webkit-input-placeholder{color:transparent}.footer .form input:focus::-moz-placeholder{color:transparent}.footer .form input:focus::-ms-input-placeholder{color:transparent}.footer .form input:focus::placeholder{color:transparent}.footer .form p.send input.wpcf7-submit:hover{background-color:rgba(166,139,98,.5);color:#fff}.footer .form p input.wpcf7-submit{width:150px;color:#776542}p.pathway{text-align:center;font-size:20px;margin-bottom:15px}.footer address{font-style:normal}#colum{float:left;width:70%}#side{float:right;width:22%}.section ul{padding-left:15px}.section li{list-style-type:none;margin:0 0 15px}.section .seo-aceess-1 li{list-style-type:disc}@media only screen and (max-width:780px){header#head,body.home .top-slide{height:400px}#head-top p.logo,.fixed #head-top p.logo{height:60px;max-width:70px}.section{padding:40px 0}#colum,#side{float:none;width:100%}}@media screen and (max-width:480px){.footer .form{max-width:90%}.section{padding:30px 0}.footer address span,.nav_list li{display:block}}@media (prefers-reduced-motion:no-preference){.popout span{animation:3s infinite alternate ani}}
li.nav-parent a:hover{-webkit-transform:rotateX(360deg);transform:rotateX(360deg);transform-origin:center center}li.nav-parent li a:hover{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}li.nav-parent a{text-decoration:none;display:block;font-size:14px}li.nav-parent span.jp{display:none}li.nav-parent span.en{display:block}li.nav-parent:hover span.jp{display:block}li.nav-parent:hover span.en{display:none}.tg-navigationarea li ul{opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.tg-navigationarea li:hover ul{animation:fadeIn 1s ease 0s 1 normal;-webkit-animation:fadeIn 1s ease 0s 1 normal;opacity:1;visibility:visible}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.tg-navigationarea{text-align:right;z-index:6;position:absolute;top:0;right:100px}.tg-navigationarea p{text-align:right;margin:0;padding:5px 0 0 0;font-family:'Pathway Gothic One',sans-serif;font-size:20px;letter-spacing:.1em}.tg-navigationarea p:before{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f095";display:inline-block;padding-right:5px;font-size:14px}.tg-navigationarea ul li{margin:0;padding:0;vertical-align:middle;line-height:47px}.tg-navigationarea ul li a{display:block;padding:0 10px}.tg-navigationarea ul li li a{color:rgba(255,255,255,1);padding:0 30px 0 15px}.tg-navigationarea ul li:hover ul li{border-bottom:1px dotted rgba(255,255,255,1)}.tg-navigationarea ul li:hover ul li:last-child{border-bottom:none}.tg-navigationarea ul li li.menu-item-has-children,.tg-navigationarea ul li ul.sub-menu li.menu-item-has-children{position:relative}.tg-navigationarea ul li.arrow:after{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f054";display:inline-block;color:rgba(255,255,255,1);position:absolute;top:0;right:10px;font-size:12px}.tg-navigationarea ul li:hover ul{background-color:rgba(184,131,153,.8)}.tg-navigationarea ul li:hover ul li:hover ul{top:55px!important;background-color:rgba(202,164,180,.8)}.main-menu-btn{position:relative;display:block;overflow:hidden;text-align:center;top:0}#main-menu-state:checked~.main-menu-btn .main-menu-btn-title{opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.main-menu-btn-icon,.main-menu-btn-icon:before,.main-menu-btn-icon:after{position:absolute;top:50%;right:0;height:2px;width:44px;background:rgba(166,139,98,1);-webkit-transition:all .25s;transition:all .25s}.main-menu-btn-icon:before{content:'';top:-8px;left:0}.main-menu-btn-icon:after{content:'';top:8px;left:0}#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon{height:0;background:transparent}#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon:before{top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon:after{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.main-menu-btn-logo-separator{padding-right:1.5em}#main-menu-state{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(1px,1px,1px,1px)}#main-menu-state:not(:checked)~#main-menu{display:none}#main-menu-state:checked~#main-menu{display:block}#main-menu>li [data-icon]{display:none}.sm{position:relative;z-index:2}.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0)}.sm ul{display:none}.sm li,.sm a{position:relative}.sm a{display:block}.sm a.disabled{cursor:not-allowed}.sm-blue a span.sub-arrow{position:absolute;top:50%;margin-top:-17px;left:auto;right:4px;width:34px;height:34px;overflow:hidden;font:bold 16px/34px monospace !important;text-align:center;text-shadow:none;background:rgba(0,0,0,.1);-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;color:rgba(255,255,255,1)}.sm-blue a.highlighted span.sub-arrow:before{display:block;content:'-'} .sm li li a,.sm li li.current a,body.homepage-child .sm li li:first-child a,body.cms-child .sm li li:nth-child(2) a,body.seo-child .sm li li:nth-child(3) a,body.price-child .sm li li:nth-child(4) a,body.info-child .sm li li:nth-child(5) a{border-bottom:none}.sm li.current,body.homepage-child .sm li:first-child a,body.category-work .sm li:first-child a,body.cms-child .sm li:nth-child(2) a,body.seo-child .sm li:nth-child(3) a,body.price-child .sm li:nth-child(4) a,body.info-child .sm li:nth-child(5) a,body.category-news .sm li:nth-child(5) a,body.category-blog .sm li:nth-child(5) a{background-image:linear-gradient(90deg,white 0% 40%,rgba(166,139,98,1) 40% 60%,white 60%);background-repeat:no-repeat;background-size:100% .2rem;background-position:bottom}.sm li li.current,body.homepage-child .sm li:first-child li a,body.homepage-child .sm li li:first-child a,body.cms-child .sm li:first-child li a,body.cms-child .sm li li:first-child a,body.category-work .sm li:first-child li a,body.category-work .sm li li:first-child a,body.cms-child .sm li:nth-child(2) li a,body.cms-child .sm li li:nth-child(2) a,body.seo-child .sm li:nth-child(3) li a,body.seo-child .sm li li:nth-child(3) a,body.price-child .sm li:nth-child(4) li a,body.price-child .sm li li:nth-child(4) a,body.info-child .sm li:nth-child(5) li a,body.info-child .sm li li:nth-child(5) a,body.category-news .sm li:nth-child(5) li a,body.category-news .sm li li:nth-child(5) a,body.category-blog .sm li:nth-child(5) li a,body.category-blog .sm li li:nth-child(5) a{border-bottom:none;background-image:none;background-size:0}@media (min-width:780px){.main-menu-btn{position:absolute;top:-99999px}#main-menu-state:not(:checked)~#main-menu{display:block}#main-menu{position:relative;left:0;margin-bottom:0;width:auto;z-index:1}.sm-blue ul{position:absolute;padding:0;width:100%}.sm-blue li{display:inline-block;vertical-align:middle}.sm-blue ul li,.sm-blue.sm-rtl ul li,.sm-blue.sm-vertical li{float:none;text-align:left;display:block}.sm-blue .sm-nowrap>li>a,.sm-blue .sm-nowrap>li>:not(ul) a{white-space:nowrap}.sm-blue a span.sub-arrow{top:auto;margin-top:0;bottom:2px;left:50%;margin-left:15px;right:auto;width:0;height:0;border-width:5px;border-style:solid dashed dashed dashed;border-color:transparent transparent transparent transparent;background:transparent;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0}.sm-blue ul li{border-bottom:1px dashed #ccc}.sm-blue ul li:last-child{border-bottom:0}}@media (max-width:880px){.tg-navigationarea ul li a{padding:0 3px;font-size:14px}}@media (max-width:780px){.tg-navigationarea{min-height:auto;position:absolute;top:5px;right:0;width:100%;margin-top:0}.tg-navigationarea p,.tg-navigationarea p:before{display:none}.main-menu-btn{right:15px}.sm{margin-top:30px}.tg-navigationarea ul{background-color:rgba(184,131,153,.8)}.tg-navigationarea ul li ul.sub-menu li.menu-item-has-children:after{content:""}.tg-navigationarea ul li a{color:rgba(255,255,255,1)}.main-menu-btn{top:10px}.main-menu-btn-icon:before{content:'';top:-6px;left:0}.main-menu-btn-icon:after{content:'';top:6px;left:0}.sm li.current,body.homepage-child .sm li:first-child a,body.category-work .sm li:first-child a,body.cms-child .sm li:nth-child(2) a,body.seo-child .sm li:nth-child(3) a,body.price-child .sm li:nth-child(4) a,body.info-child .sm li:nth-child(5) a,body.category-news .sm li:nth-child(5) a,body.category-blog .sm li:nth-child(5) a{background-image:none;background-size:0}.main-menu-btn{right:15px;top:15px;left:auto;width:35px;position:absolute;background-color:transparent}.tg-navigationarea ul{margin-top:50px}.fixed #head-top #head-guide .main-menu-btn{top:10px}}