*,::before,::after{box-sizing:border-box;background-repeat:no-repeat;mask-repeat:no-repeat}::before,::after{text-decoration:inherit;vertical-align:inherit}:where(:root){cursor:default;line-height:1.5;overflow-wrap:break-word;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%}:where(body){margin:0}:where(h1){font-size:2em;margin:0.67em 0}:where(dl, ol, ul) :where(dl, ol, ul){margin:0}:where(hr){height:0}:where(nav) :where(ol, ul){list-style-type:none;padding:0}:where(nav li)::before{content:"\200B";float:left}:where(pre){font-family:monospace, monospace;font-size:1em;overflow:auto}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b, strong){font-weight:bolder}:where(code, kbd, samp){font-family:monospace, monospace;font-size:1em}:where(small){font-size:80%}:where(audio, canvas, iframe, img, svg, video){vertical-align:middle}:where(iframe){border-style:none}:where(svg:not([fill])){fill:currentColor}:where(table){border-collapse:collapse;border-color:currentColor;text-indent:0}:where(button, input, select){margin:0}:where(button, [type="button" i], [type="reset" i], [type="submit" i]){-webkit-appearance:button}:where(fieldset){border:1px solid #a0a0a0}:where(progress){vertical-align:baseline}:where(textarea){margin:0;resize:vertical}:where([type="search" i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(dialog){background-color:white;border:solid;color:black;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(details>summary:first-of-type){display:list-item}:where([aria-busy="true" i]){cursor:progress}:where([aria-disabled="true" i], [disabled]){cursor:not-allowed}:where([aria-hidden="false" i][hidden]){display:initial}:where([aria-hidden="false" i][hidden]:not(:focus)){clip:rect(0, 0, 0, 0);position:absolute}img,svg,video{display:block;max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit}button,[role="button"],[type="button"],[type="reset"],[type="submit"]{cursor:pointer}input,textarea,select{font-size:max(16px, 1em)}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid currentColor;outline-offset:2px}.entry-content nav ul,.entry-content nav ol{list-style:revert;padding:revert}:root{--background:#FFFFFF;--text: #18181A;--text-hover:color-mix(in srgb, var(--text) 60%, transparent);--bg: #F4F2EF;--btn: #F98192;--link: #0084C0;--contact: #F98192;--border: #ccc;--border-current-trans: color-mix(in srgb, currentColor 20%, transparent);--att:#F94239}@font-face{font-family:"MyFont";src:url("../font/coffee-tea.eot") format("eot"),url("../font/coffee-tea.woff") format("woff"),url("../font/coffee-tea.woff2") format("woff2")}:root{--font-base: "TsukuGoPr5-R-AvenirNextLTPro-Regular";--font-bold: "TsukuGoPro-B-AvenirNextLTPro-Medium";--font-midashi: "F+UD-筑紫明朝 R";--font-eng: "MyFont";--font-logo: var(--font-base);--font-date: var(--font-base);--font-price: var(--font-bold);--font-icon: "Material Symbols Rounded";--font-memo: "FOT-クックハンド Std R";--font-rm: "FOT-筑紫RMミン Std E"}body{margin:0;color:var(--text);font-family:var(--font-base);font-size:1rem;letter-spacing:0.05em;line-height:2.2;background-color:var(--background);text-align:justify}a{color:var(--link)}a:hover{text-decoration:none}.headline-cm{margin:0;padding:6px 70px 6px 0px;background-color:#605E60;color:#fff;text-align:center;font-size:13px;line-height:1.4;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}header{background-color:var(--background)}@media (1280px <= width){header{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:0px 2vw;height:70px;border-color:var(--border);border-style:solid;border-width:0px 0px 0px}}@media (width < 1280px){header{display:flex;justify-content:space-between;align-items:center;padding:0px 2vw;height:60px;border-color:var(--border);border-style:solid;border-width:0px 0px 0px}}.site-id{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text)}.site-id .site-info{order:2;margin:0;padding:0;font-size:11px;line-height:1.6;letter-spacing:0.02em}.site-id .site-logo{order:1;margin:0;padding:0;font-size:20px;line-height:1;letter-spacing:0.02em}@media (1280px <= width){#global-navi-toggle{display:none}}@media (width < 1280px){#global-navi-toggle{position:fixed;z-index:120;top:0;right:0;width:60px;height:60px;text-align:center;border-radius:0px 0px 0px 8px;background-color:rgba(255,255,255,0.8);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}#global-navi-toggle:hover{opacity:0.7}#global-navi-toggle .gr-toggle-menu{display:block}#global-navi-toggle .gr-toggle-menu:before{display:block;font-family:var(--font-icon);content:"\e5d2";font-size:24px;line-height:54px}#global-navi-toggle .gr-toggle-menu-close{display:none}#global-navi-toggle .gr-toggle-menu-close:before{display:block;font-family:var(--font-icon);content:"\e5cd";font-size:24px;line-height:54px}#global-navi-toggle.active{color:#fff;background-color:rgba(255,255,255,0)}#global-navi-toggle.active .gr-toggle-menu{display:none}#global-navi-toggle.active .gr-toggle-menu-close{display:block}}@media (1280px <= width){.global-navi{display:flex;align-items:center}.gl-nav-1st-wrap{display:flex;align-items:center;gap:2px}.gl-nav-1st-box .gl-nav-1st-btn{display:block;padding:0.5em 1em;font-size:14px;line-height:20px;color:var(--text);text-decoration:none;border-radius:4px}.gl-nav-1st-box .gl-nav-1st-btn:hover{opacity:0.7;cursor:pointer}.gl-nav-1st-box .gl-nav-1st-toggle{padding:0.5em 0.5em 0.5em 1em;font-size:14px;line-height:20px;color:var(--text);text-decoration:none;display:flex;align-items:center;border-radius:4px}.gl-nav-1st-box .gl-nav-1st-toggle:after{font-family:var(--font-icon);content:"\e313";font-size:18px}.gl-nav-1st-box .gl-nav-1st-toggle:hover{opacity:0.7;cursor:pointer}.gl-nav-1st-box .gl-nav-1st-toggle.active{background-color:var(--bg)}.gl-nav-1st-box .gl-nav-1st-toggle.active:after{font-family:var(--font-icon);content:"\e316"}.gl-nav-2nd-wrap{display:none;position:absolute;top:70px;left:0;width:100%;padding:2vw;background-color:rgba(102,102,102,0.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff}.gl-nav-2nd-wrap a{color:#fff}.gn2-box{margin:0em 0px;padding:2em 1em;display:flex;border-color:rgba(255,255,255,0.2);border-style:solid;border-width:0px 0px 1px}.gn2-box:last-child{border-width:0px 0px 0px}.gn2-header{width:400px;font-size:16px}.gn2-header span{display:block;font-size:14px}.gn2-cont ul.gn2c-basic{list-style:none;margin:0px;padding:0px}.gn2-cont ul.gn2c-basic li{font-size:15px;line-height:1.4em}.gn2-cont ul.gn2c-basic li a{display:flex;gap:8px;padding:0.5em 1em 0.5em 0.5em;text-decoration:none;border-radius:4px}.gn2-cont ul.gn2c-basic li a:before{margin:1px 0px 0px 0px;font-size:20px;font-family:var(--font-icon);content:"\e5cc"}.gn2-cont ul.gn2c-basic li a:hover{background-color:rgba(255,255,255,0.1)}.gn2-cont ul.taxonomy{list-style:none;display:flex;flex-wrap:wrap}.gn2-cont ul.taxonomy li{margin:4px;font-size:14px;line-height:1.4em}.gn2-cont ul.taxonomy li a{display:flex;padding:0.5em 1em 0.5em 0.5em;text-decoration:none;border-radius:4px;background-color:rgba(0,0,0,0.1)}.gn2-cont ul.taxonomy li a:before{flex-shrink:0;margin:1px 0px 0px 0px;width:1.2em;font-size:20px;font-family:var(--font-icon);content:"\e9ef"}.gn2-cont ul.taxonomy li a:hover{background-color:rgba(255,255,255,0.1)}.gl-contact{margin:0px 0px 0px 1em}.gl-contact a{display:flex;align-items:center;gap:4px;padding:1em 1.5em 1em 1em;background-color:var(--contact);color:#fff;text-decoration:none;font-family:var(--font-bold);font-size:14px;line-height:14px;border-radius:4px}.gl-contact a:before{font-size:20px;font-family:var(--font-icon);content:"\e158"}.gl-contact a:hover{opacity:0.7}}@media (width < 1280px){.global-navi{display:none;position:fixed;z-index:110;top:0;left:0;padding:60px 0px 100px;width:100vw;height:100vh;background-color:rgba(102,102,102,0.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow-y:scroll}.gl-nav-1st-wrap{margin:0px}.gl-nav-1st-box{list-style:none;margin:0px;border-color:rgba(255,255,255,0.1);border-style:solid;border-width:0px 0px 1px}.gl-nav-1st-box.go-home{border-width:1px 0px 1px}.gl-nav-1st-box .gl-nav-1st-btn{display:flex;justify-content:space-between;align-items:center;padding:1em 0.5em 1em 1em;font-family:var(--font-bold);font-size:16px;line-height:16px;color:#fff;text-decoration:none}.gl-nav-1st-box .gl-nav-1st-btn:after{font-size:24px;font-family:var(--font-icon);content:"\e5cc"}.gl-nav-1st-box .gl-nav-1st-btn:hover{background-color:rgba(0,0,0,0.2);cursor:pointer}.gl-nav-1st-box .gl-nav-1st-toggle{display:flex;justify-content:space-between;align-items:center;padding:1em 0.5em 1em 1em;font-family:var(--font-bold);font-size:16px;line-height:16px;color:#fff;text-decoration:none}.gl-nav-1st-box .gl-nav-1st-toggle:after{font-size:24px;font-family:var(--font-icon);content:"\e313"}.gl-nav-1st-box .gl-nav-1st-toggle:hover{background-color:rgba(0,0,0,0.2);cursor:pointer}.gl-nav-1st-box .gl-nav-1st-toggle.active{background-color:rgba(0,0,0,0.2)}.gl-nav-1st-box .gl-nav-1st-toggle.active:after{font-family:var(--font-icon);content:"\e316"}.gl-nav-2nd-wrap{display:none;padding:1em 1em 2em;background-color:rgba(0,0,0,0.2)}.gn2-header{display:flex;align-items:center;font-size:14px;color:#fff}.gn2-header span{display:none}.gn2-cont ul.gn2c-basic{list-style:none;margin:0.5em 0px}.gn2-cont ul.gn2c-basic li{font-size:16px;line-height:1.4em;font-family:var(--font-bold)}.gn2-cont ul.gn2c-basic li a{display:flex;padding:0.5em 1em 0.5em 0.5em;color:#fff;text-decoration:none}.gn2-cont ul.gn2c-basic li a:before{margin:1px 0px 0px 0px;width:1.5em;font-size:20px;font-family:var(--font-icon);content:"\e5cc"}.gn2-cont ul.gn2c-basic li a:hover{background-color:rgba(0,0,0,0.2)}.gn2-cont ul.taxonomy{list-style:none;display:flex;flex-wrap:wrap}.gn2-cont ul.taxonomy li{margin:4px;font-size:14px;line-height:1.4em}.gn2-cont ul.taxonomy li a{display:flex;padding:0.5em 1em 0.5em 0.5em;text-decoration:none;border-radius:4px;background-color:rgba(0,0,0,0.1)}.gn2-cont ul.taxonomy li a:before{flex-shrink:0;margin:1px 0px 0px 0px;width:1.2em;font-size:20px;font-family:var(--font-icon);content:"\e9ef"}.gn2-cont ul.taxonomy li a:hover{background-color:rgba(255,255,255,0.1)}.gl-contact{margin:2em auto;max-width:240px}.gl-contact a{display:flex;align-items:center;padding:1em 0.5em 1em 1em;text-align:center;background-color:var(--contact);color:#fff;text-decoration:none;font-family:var(--font-bold);font-size:16px;line-height:24px;border-radius:4px}.gl-contact a:after{font-family:var(--font-icon);content:"\e5cc";font-size:24px;line-height:24px}.gl-contact a:hover{opacity:0.7}}.fixed-contact-btn{z-index:100;position:fixed;right:2vw;bottom:2vw}.fixed-contact-btn a{display:block;width:140px;height:140px;border-radius:50%;font-family:var(--font-bold);font-size:15px;line-height:140px;text-decoration:none;text-align:center;color:#fff;background-color:var(--contact);box-shadow:0px 0px 4px 2px rgba(0,0,0,0.1)}@media (width <= 700px){.fixed-contact-btn{right:inherit;left:0;bottom:0vw}.fixed-contact-btn a{padding:0px 1em;min-width:50vw;height:50px;line-height:50px;border-radius:0px 8px 0px 0px}}footer{padding:4vw;border-color:var(--text);border-style:solid;border-width:1px 0px 0px}@media (width <= 700px){footer{padding:4vw 4vw 100px}}.f-copy{font-size:14px;text-align:center}.f-copy h2{font-size:14px}nav.breadcrumbs-wrap{margin:0;padding:clamp(1rem, 4cqw, 1rem);color:var(--breadcrumbs-text);background-color:var(--bg)}ol.breadcrumbs{margin:0px;list-style:none;display:flex;flex-wrap:wrap}ol.breadcrumbs li{font-size:12px;line-height:1.8em}ol.breadcrumbs li a{color:var(--breadcrumbs-text-link)}ol.breadcrumbs li a:hover{color:var(--breadcrumbs-text-hover);text-decoration:none}ol.breadcrumbs li:after{padding:0px 0.5em;content:"/";color:var(--breadcrumbs-text-after)}ol.breadcrumbs li:last-child:after{padding:0px;content:""}.cont-toggle{display:grid;grid-template-columns:1fr 50px;gap:10px;align-items:center;padding:1.2em 0px 1.2em 1.5em;border-radius:8px;font-family:var(--font-bold);font-size:15px;background-color:var(--cont-toggle)}.cont-toggle:after{border-color:var(--border-current-trans);border-style:solid;border-width:0px 0px 0px 1px;text-align:center;font-family:var(--font-icon);content:"\e5c5";font-size:40px;line-height:40px}.cont-toggle.active:after{content:"\e5c7"}.article-basic{position:relative;z-index:0;padding:2vw 0px}.article-basic::before{content:"";position:absolute;inset:0;z-index:-1;max-height:400px;background-color:var(--bg);mask-image:url("../images/headline-bg.svg?261007d");mask-position:bottom;mask-repeat:no-repeat;mask-size:100% auto;-webkit-mask-image:url("../images/headline-bg.svg?261007d");-webkit-mask-position:bottom;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% auto}@media (width < 1025px){.article-basic::before{max-height:32vw}}@media (width <= 500px){.article-basic{background:linear-gradient(to bottom, var(--bg) 0%, var(--bg) 14vw, transparent 14vw, transparent 100%)}.article-basic::before{max-height:48vw}}.page-headline{margin-bottom:4em}.page-headline .title-eng{margin:0px 0px 2rem;font-family:var(--font-bold);font-size:42px;font-family:var(--font-eng);font-size:48px;font-weight:normal;text-align:center}.page-headline .headline-title{margin:0px 0px;font-family:var(--font-bold);font-size:20px;text-align:center}.page-headline .headline-title span{display:block;font-size:15px}.page-headline .headline-title span.price{font-size:20px}@media (width <= 400px){.page-headline .title-eng{font-size:18px}}.basic-index{margin:auto;padding:4vw;max-width:calc(1200px + 4vw * 2)}.post-index{display:grid;grid-template-columns:repeat(3, 1fr);gap:40px}@media (width < 1025px){.post-index{grid-template-columns:repeat(2, 1fr);gap:4vw}}@media (width < 499px){.post-index{grid-template-columns:repeat(1, 1fr)}}a.post-box{display:block;color:var(--text);text-decoration:none}a.post-box figure{margin:0;aspect-ratio:3 / 2;box-shadow:0px 0px 4px 2px rgba(0,0,0,0.1)}a.post-box figure img{margin:0;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:0px}a.post-box .cont .post-title{margin:0.5em 0;font-family:var(--font-bold);font-size:16px;line-height:1.6}a.post-box .cont .post-date,a.post-box .cont .post-cat{display:inline-block;vertical-align:middle;margin:0px 10px 0px 0px;font-size:13px}a.post-box .cont p{margin:1em 0px;font-size:14px}a.post-box:hover{color:var(--text-hover)}.basic-cont{margin:auto;padding:4vw;max-width:calc(1000px + 4vw * 2);background-color:var(--background)}.basic-cont h1,.basic-cont h2,.basic-cont h3,.basic-cont h4,.basic-cont h5,.basic-cont h6,.basic-cont strong{font-family:var(--font-bold)}.basic-cont figure.eyecatch{margin:0px;text-align:center}.basic-cont figure.eyecatch img{margin:auto}.basic-cont .post-date{margin:0px 0px 3em;padding:0px 0px 1em;border-color:var(--text);border-style:solid;border-width:0px 0px 1px;font-size:14px;ont-family:var(--font-date)}ul.entry-term-list{margin:2em auto;padding:0;max-width:1000px;list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:8px}ul.entry-term-list li{margin:0;font-size:14px;line-height:1}ul.entry-term-list a{display:block;padding:0.5em 0.8em;border-color:var(--border);border-style:solid;border-width:1px;border-radius:4px;background-color:#fff;color:var(--text);text-decoration:none}ul.entry-term-list a:hover{border-color:var(--text);background-color:var(--text);color:#fff}.home-first-view{position:relative;margin-bottom:3rem}@media (width <= 800px){.home-first-view{margin-bottom:1rem}}.home-1st{aspect-ratio:16 / 7;clip-path:url(#clip-headline);background:color-mix(in srgb, var(--contact) 20%, transparent);background-color:var(--bg);display:grid;place-items:center;mix-blend-mode:multiply}.home-1st .home-1st-catch{padding:0px 0px 2rem;text-align:center;font-family:var(--font-memo);font-size:16px;line-height:1.8}.home-1st .home-1st-catch img{margin:1rem auto 1rem;width:80px;height:auto;mix-blend-mode:multiply}@media (width <= 1024px){.home-1st{aspect-ratio:3 / 2}}@media (width <= 499px){.home-1st{aspect-ratio:4 / 3}.home-1st .home-1st-catch{font-size:14px}.home-1st .home-1st-catch img{width:50px}}.home-slide-photo img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:16 / 7;clip-path:url(#clip-headline)}@media (width <= 1024px){.home-slide-photo img{aspect-ratio:3 / 2}}@media (width <= 499px){.home-slide-photo img{aspect-ratio:4 / 3}}.home-eng-catch{z-index:1;position:absolute;left:6vw;bottom:0;transform-origin:left bottom;transform:scale(0.8)}@media (1024px < width < 1280px){.home-eng-catch{left:4vw;transform:scale(0.6)}}@media (width <= 1024px){.home-eng-catch{transform:scale(0.6)}}main.home-body{display:grid;grid-template-columns:minmax(0, 1fr) min(100%, calc(1280px + 4vw * 2)) minmax(0, 1fr)}main.home-body .col-left-center{grid-column:1 / 3;margin-top:3rem;margin-bottom:3rem}@media (width <= 800px){main.home-body .col-left-center{margin-top:1rem;margin-bottom:1rem}}main.home-body .col-center{grid-column:2;margin-top:3rem;margin-bottom:3rem}@media (width <= 800px){main.home-body .col-center{margin-top:1rem;margin-bottom:1rem}}main.home-body .col-center-right{grid-column:2 / -1;margin-top:3rem;margin-bottom:3rem}@media (width <= 800px){main.home-body .col-center-right{margin-top:1rem;margin-bottom:1rem}}main.home-body .col-all{grid-column:1 / -1;margin-top:3rem;margin-bottom:3rem}@media (width <= 800px){main.home-body .col-all{margin-top:1rem;margin-bottom:1rem}}main.home-body .home-h2-basic{font-family:var(--font-bold);font-size:40px;font-family:var(--font-eng);font-size:48px;font-weight:normal}@media (width <= 1024px){main.home-body .home-h2-basic{font-size:28px;font-size:32px}}@media (width <= 500px){main.home-body .home-h2-basic{font-size:18px;font-size:24px}}.home-intro{padding:0px 4vw;display:grid;grid-template-columns:1.5fr 1fr;gap:4vw}@media (width <= 800px){.home-intro{grid-template-columns:1fr}}.home-intro-lead h2{margin:0px 0px 0em;font-family:var(--font-bold);font-size:16px}.home-intro-lead h3{margin:0px 0px 2em;font-family:var(--font-bold);font-size:16px}@media (width <= 400px){.home-intro-lead br{display:none}}.package-cat{width:200px;margin:-120px 0px 0px auto}.home-wordpress{margin:0px 4vw;padding:4vw;background-color:var(--bg)}.home-wordpress .cont-headline{margin:0px 0px 2rem;display:flex;gap:40px}.home-wordpress .cont-headline h2{margin:0;padding:0;line-height:1}.home-wordpress .cont-headline h2 span{display:block;font-family:var(--font-base);font-size:30px;line-height:2.5}.home-wordpress .cont-headline p{margin:0;padding:0}@media (width <= 900px){.home-wordpress .cont-headline{flex-direction:column;gap:1rem}}.home-webdesign{margin:0px 4vw;padding:4vw;background-color:var(--bg)}.home-webdesign h2{margin:0 0 1em;padding:0;text-align:center}.home-webdesign h2 span{display:block;font-size:16px}.home-webdesign .cont-toggle{margin:auto auto 2rem;padding:1rem;width:100%;max-width:1000px;color:var(--text);text-decoration:none;border-color:var(--border);border-style:solid;border-width:0px;border-radius:4px;background-color:var(--background)}@media (width <= 1024px){.home-webdesign{margin:0}}.home-concept-4point{display:none;margin:auto auto;padding:0px 0px 3rem;width:100%;max-width:1000px;text-align:center}.home-concept-4point h4{margin:0px 0px 2em;font-family:var(--font-bold);font-size:16px}.home-concept-4point ol.concept-4point{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4, 1fr);gap:10px}.home-concept-4point ol.concept-4point li{margin:0;padding:1rem;background-color:var(--background);border-radius:4px;text-align:center}.home-concept-4point ol.concept-4point h5{font-family:var(--font-bold);font-size:16px}@media (width <= 1080px){.home-concept-4point ol.concept-4point{grid-template-columns:repeat(2, 1fr)}}@media (width <= 500px){.home-concept-4point ol.concept-4point{grid-template-columns:repeat(1, 1fr)}}.webdesign-index{display:grid;grid-template-columns:repeat(1, 1fr);gap:8px}a.webdesign-box{margin:auto;padding:1rem;width:100%;max-width:1000px;color:var(--text);text-decoration:none;border-color:var(--border);border-style:solid;border-width:0px;border-radius:4px;background-color:var(--background);display:grid;grid-template-columns:16em 1fr 50px;align-items:center;gap:2rem}a.webdesign-box .post-title{margin:0.5em 0;font-family:var(--font-bold);font-size:15px;line-height:1.6}a.webdesign-box p{margin:1em 0px;font-size:14px}a.webdesign-box .arrow{width:50px;height:50px;text-align:center;font-size:16px;line-height:48px;border-color:var(--border);border-style:solid;border-width:1px;border-radius:50%}a.webdesign-box:hover{color:var(--text-hover)}a.webdesign-box:hover .arrow{color:#fff;border-color:var(--text);background-color:var(--text)}@media (width <= 700px){a.webdesign-box{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}a.webdesign-box .post-title{order:1;width:calc( 100% - 50px - 1rem)}a.webdesign-box .txt{order:3;width:100%}a.webdesign-box .arrow{order:2}}.home-works-wrap{margin:0px 4vw}.home-works-wrap h2{margin:0;padding:0;text-align:center;background:linear-gradient(to bottom, transparent 42%, var(--bg) 42%)}.home-works-wrap h2 span{display:block;font-size:16px}@media (width < 1280px){.home-works-wrap{margin:0px}}.home-works{padding:4vw 4vw;background-color:var(--bg)}.photo-slide{margin-left:4vw}.photo-swiper .swiper-wrapper{transition-timing-function:linear}.photo-swiper .swiper-slide{width:60vw;max-width:400px;margin:0}.photo-swiper .swiper-slide figure{aspect-ratio:3 / 2;border-color:color-mix(in srgb, var(--border) 30%, transparent);border-style:solid;border-width:8px}.photo-swiper .swiper-slide figure img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}ul.home-clients-message{display:grid;margin:0;padding:0px 8px}ul.home-clients-message li{grid-area:1 / 1;box-sizing:border-box;margin:0;padding:2rem 2rem;list-style:none;text-align:justify;background-color:var(--bg);border-radius:8px;opacity:0;transition:.5s;position:relative}ul.home-clients-message li p{margin:0px 0px 1em;font-size:15px}ul.home-clients-message li p strong{font-family:var(--font-bold)}ul.home-clients-message li p.cl-name{margin:0px;text-align:right;font-size:12px}ul.home-clients-message li.slide_img1{opacity:1}ul.home-clients-message li:nth-child(odd){position:relative;justify-self:start}ul.home-clients-message li:nth-child(odd):after{content:"";position:absolute;right:100%;top:50%;width:0;height:0;margin-top:-8px;border:solid transparent;border-right-color:var(--bg);border-width:8px}ul.home-clients-message li:nth-child(even){position:relative;justify-self:end}ul.home-clients-message li:nth-child(even):after{content:"";position:absolute;left:100%;top:50%;width:0;height:0;margin-top:-8px;border:solid transparent;border-left-color:var(--bg);border-width:8px}@media (width <= 400px){ul.home-clients-message li{padding:1rem}}.about-office-data{margin:3rem 0;border-color:var(--border);border-style:solid;border-width:1px 0px 0px}.about-office-data dl{display:grid;grid-template-columns:16em 1fr;margin:0;padding:1em 0px;border-color:var(--border);border-style:solid;border-width:0px 0px 1px;width:100%;font-size:15px}.about-office-data dl dt{margin:0;padding:0;font-family:var(--font-bold)}.about-office-data dl dd{margin:0;padding:0}.about-office-data dl dd span{display:block}@media (width <= 800px){.about-office-data dl{grid-template-columns:1fr}}.form-step{margin:0px auto 4em;max-width:360px;display:grid;grid-template-columns:repeat(3, 1fr);gap:10px}.form-step dl{padding:0.6em 0px;text-align:center;background-color:#eee;border-radius:4px}.form-step dl.current{background-color:color-mix(in srgb, var(--att) 20%, transparent)}.form-step dl dt{margin:0px 0px 0.3em;padding:0;font-size:12px;line-height:16px}.form-step dl dt span{display:block;vertical-align:top;font-size:18px;line-height:20px}.form-step dl dd{margin:0;padding:0;font-size:15px;text-align:center}.form-wrap{margin-top:3em}.form-wrap h2{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0px 0px 0em;font-family:var(--font-bold);font-size:18px;line-height:1em}.form-wrap h2 span{flex-shrink:0}.form-wrap h2:after{content:"";width:100%;height:1px;background-color:var(--text)}.form{margin:3em 0px 4em}.form dl{display:grid;grid-template-columns:16em 1fr;gap:2em;padding:1em 0px;border-color:var(--border);border-style:solid;border-width:0px 0px 1px;width:100%}.form dl dt{font-family:var(--font-bold);font-size:14px}.form dl dt:before{display:inline-block;margin:0px 0.8em 0px 0px;padding:0em 0.4em;font-size:12px;background-color:#B0B0B0;color:#fff;border-radius:4px;content:"任意";font-family:var(--font-base)}.form dl dd{margin-left:0}.form dl dd input[type="text"],.form dl dd input[type="tel"],.form dl dd textarea{padding:0.5em;border-color:var(--border);border-style:solid;border-width:0px;background-color:#eee}.form dl dd input[type="text"]:focus,.form dl dd input[type="tel"]:focus,.form dl dd textarea:focus{outline:1px var(--att) solid}.form dl dd input[type="text"]{width:100%;font-size:15px}.form dl dd input[type="text"].zip{width:5em}.form dl dd input[type="text"].zip1{width:8em}.form dl dd input[type="tel"]{font-size:15px}.form dl dd input[type="tel"].zip{width:6em}.form dl dd input[type="tel"].zip1{width:8em}.form dl dd textarea{font-size:15px;width:100%;height:12em}.form dl dd p{margin:0.5em 0px;font-size:14px}.form dl dd p:first-child{margin:0px 0px 0.5em}.form dl.must dt:before{content:"必須";background-color:var(--att);color:#fff}.form dl.must dd input[type="text"],.form dl.must dd input[type="tel"],.form dl.must dd textarea{background-color:color-mix(in srgb, var(--att) 10%, transparent)}.form .form-submit{margin:2em auto}.form .form-submit input[type="submit"]{margin:auto;padding:1em;display:block;background-color:var(--contact);color:#fff;font-size:16px;font-family:var(--font-bold);line-height:1em;border-color:var(--contact);border-style:solid;border-width:2px;border-radius:4px;width:240px}.form .form-submit input[type="submit"]:hover{color:var(--contact);background-color:#fff}.form .form-submit input[type="submit"].form-back{padding:0.5em 1em;font-size:14px;font-family:var(--font-base);color:var(--text);background-color:#eee;border-color:#eee;border-width:1px;width:inherit}.form .form-submit input[type="submit"].form-back:hover{background-color:#fff}@media screen and (max-width: 799px){.form dl{grid-template-columns:1fr;gap:1em}.form dl dt{width:inherit;font-family:var(--font-bold)}}.post-navigation{margin:auto;max-width:1000px;padding:clamp(1rem, 8cqw, 3rem);display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem, 8cqw, 3rem);border-color:var(--border-current-trans);border-style:solid;border-width:1px 0px 0px;background-color:var(--background)}.post-navigation-box{position:relative}.post-navigation-box span{font-size:12px;line-height:20px}.post-navigation-box .nav-np{font-size:13px;line-height:2;color:var(--text-hover)}.post-navigation-box a{display:block;color:var(--text);text-decoration:none;text-align:left}.post-navigation-box a figure{margin:0px;aspect-ratio:3 / 2;box-shadow:0px 0px 4px 2px rgba(0,0,0,0.1)}.post-navigation-box a figure img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:0px;border-color:var(--border-current-trans);border-style:solid;border-width:0px}.post-navigation-box a .post-title{margin:0.5em 0px;font-family:var(--font-bold);font-size:14px;line-height:1.8}.post-navigation-box a .date{font-family:var(--font-date);font-size:12px}.post-navigation-box-prev{text-align:right}.wp-pagenavi{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px;line-height:36px;color:var(--pagenavi-text)}.wp-pagenavi a{display:block;width:36px;text-decoration:none;color:var(--text);background-color:var(--bg);border-radius:50%;text-align:center}.wp-pagenavi a.prev,.wp-pagenavi a.next{display:none}.wp-pagenavi a:hover{color:var(--text-hover);background-color:var(--bg)}.wp-pagenavi span{display:inline-block;margin:2px;text-align:center;color:var(--pagenavi-text)}.wp-pagenavi span.current{margin:2px;width:36px;color:var(--bg);background-color:var(--text);border-radius:50%}.plan-point{margin-top:2rem;margin-bottom:2rem;display:grid;grid-template-columns:repeat(3, 1fr);gap:20px}.plan-point dl{margin:0;padding:2rem;background-color:var(--bg);border-radius:4px}.plan-point dl dt{margin:0;padding:0;font-family:var(--font-bold);font-size:12px}.plan-point dl dd{margin:0;padding:0}@media (width <= 700px){.plan-point{grid-template-columns:1fr;gap:10px}.plan-point dl{display:grid;grid-template-columns:4em 1fr;gap:10px}}@media (width <= 400px){.plan-point dl{grid-template-columns:1fr}}.plan-caution{margin-top:2rem;margin-bottom:2rem;padding:1rem;border-color:var(--text);border-style:dashed;border-width:1px;border-radius:4px}.plan-caution h3{margin:0;padding:0;font-size:15px}.plan-caution p{margin:0;padding:0;font-size:14px}.plan-details{margin-top:4rem;margin-bottom:4rem;padding:2rem;background-color:var(--bg);border-radius:4px}.plan-details .plan-details-items{margin-top:2rem;padding:2rem;background-color:var(--background);border-radius:4px}.plan-details dl{margin:0;padding:1rem 0px;display:grid;grid-template-columns:12em 1fr;border-color:var(--border);border-style:solid;border-width:1px 0px 0px}.plan-details dl dt{margin:0;padding:0;font-family:var(--font-bold)}.plan-details dl dd{margin:0;padding:0}.plan-details dl dd p{margin:0 0 1em}.plan-details dl dd p:last-child{margin:0}@media (width <= 700px){.plan-details dl{grid-template-columns:1fr;gap:1rem}}.workflow-box{margin:2em 0px;padding:2em;background-color:var(--bg)}.workflow-box .step{font-family:var(--font-bold);font-size:14px}.workflow-box h2{margin:0px 0px 1em;font-family:var(--font-bold);font-size:20px}.workflow-box h3{margin:0px 0px 1em;font-family:var(--font-bold)}.price-section{margin:2em 0px;padding:2em;background-color:var(--bg)}.price-section h2{margin:0px 0px 2em;padding:0px 0px 0.5em;font-family:var(--font-bold);font-size:18px;line-height:1.4em;border-color:var(--text);border-style:solid;border-width:0px 0px 1px}.price-box-wrap{margin:2em 0px}.price-box{display:grid;grid-template-columns:16em 8em 1fr;grid-template-rows:auto;border-color:rgba(0,0,0,0.1);border-style:solid;border-width:0px 0px 1px;background-color:var(--background)}.price-box h3{margin:0;padding:1em;font-family:var(--font-bold);font-size:15px;grid-row:1 / 3}.price-box h4{margin:0;padding:1em;font-family:var(--font-bold);font-size:15px;background-color:#f6f6f6;grid-row:1 / 3}.price-box .price-box-cont{padding:1em;grid-column:3;grid-row:1 / 3;font-size:15px}.price-box .price-box-cont p{margin:0px 0px 1em}.price-box .price-box-cont p:last-child{margin:0px}.price-box:last-child{border-width:0px}@media (max-width: 1024px){.price-box{margin:0px 0px 10px;grid-template-columns:1fr 12em;grid-template-rows:auto auto;border-width:0px 0px 0px}.price-box h3{grid-column:1;grid-row:1}.price-box h4{grid-column:2;grid-row:1;text-align:right;background-color:var(--background)}.price-box .price-box-cont{grid-column:1 / 3;grid-row:2;border-color:rgba(0,0,0,0.1);border-style:solid;border-width:1px 0px 0px}}.webdesign-costs{margin:2em 0px 2em;padding:2em;background-color:var(--bg)}.webdesign-costs h2{margin:0px 0px 1.5em;padding:0px 0px 1em;font-size:18px;font-family:var(--font-bold);border-color:var(--text);border-style:solid;border-width:0px 0px 1px}.webdesign-costs h2 span{display:block;font-size:14px}.webdesign-costs h3{margin:2em 0px 1em;font-family:var(--font-bold);font-size:16px}.webdesign-costs-table{margin:2em 0px}.webdesign-costs-table dl{display:flex;margin:0px 0px 2px;padding:0.5em;font-size:15px;background-color:var(--background)}.webdesign-costs-table dl dt{flex-shrink:0;width:5em;font-family:var(--font-bold)}.wordpress__box{margin-bottom:4rem}.wordpress-what{padding:2rem;background-color:var(--bg);border-radius:4px;font-size:15px}.wordpress-what h2{margin:0px 0px 1em;font-family:var(--font-memo);font-size:16px}.wp-notice{margin-top:2rem;padding:1rem;background-color:var(--background);border-radius:4px}.wp-notice h3{font-size:15px}.wp-notice ol{font-size:14px}ul.wordpress-potential-list{list-style:none;margin:2em 0px;padding:0;display:grid;grid-template-columns:repeat(1, 1fr);gap:20px}.wordpress-potential-box{margin:0;padding:0;background-color:var(--bg);border-radius:4px}.wordpress-potential-box-title{display:flex;justify-content:space-between;align-items:center;margin:0;padding:1rem;font-family:var(--font-bold);font-size:15px;line-height:1.4em}.wordpress-potential-box-title:after{flex-shrink:0;margin:0px 0px 0px 10px;padding:0px;width:32px;height:32px;line-height:32px;border-radius:50%;text-align:center;font-weight:normal;font-family:var(--font-icon);content:"\e313";font-size:20px;vertical-align:bottom;background-color:#fff}.wordpress-potential-box-title.active:after{font-family:var(--font-icon);content:"\e316"}.wordpress-potential-box-cont{display:none;padding:1rem 2rem 2rem;font-size:15px}.consultation-box{margin-bottom:4rem;padding:2rem;background-color:var(--bg);border-radius:4px}.consultation-box .case-study{margin-top:2rem;padding:0rem;background-color:var(--background);border-radius:4px}.consultation-box .case-study figcaption{padding:1rem;font-size:13px}.works-cont{margin:auto;padding:4vw;max-width:calc(1000px + 4vw * 2);background-color:var(--background)}.works-cont h1,.works-cont h2,.works-cont h3,.works-cont h4,.works-cont h5,.works-cont h6,.works-cont strong{font-family:var(--font-bold)}.works-cont h1{font-size:20px;text-align:center}.works-img{display:flex;justify-content:center;gap:40px}.works-img figure.works-pc{margin:0;aspect-ratio:3 / 2;overflow:hidden;box-shadow:0px 0px 4px 2px rgba(0,0,0,0.1)}.works-img figure.works-pc img{margin:0;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:0px}.works-img figure.works-mobile{margin:0;aspect-ratio:3 / 5;overflow:hidden;box-shadow:0px 0px 4px 2px rgba(0,0,0,0.1)}.works-img figure.works-mobile img{margin:0;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:0px}@media (width < 1025px){.works-img{gap:2vw}}.administrator{position:fixed;z-index:1000;padding:1em 1.5em 1em 1em;bottom:10px;left:10px;font-size:12px;background-color:rgba(136,136,136,0.9);color:#eee;border-radius:10px}.administrator ul{margin:0}.administrator a{color:#fff}.administrator a:hover{text-decoration:none}@media screen and (max-width: 1024px){.administrator{display:none}}