@charset "utf-8";body{background-color:var(--bg-base);color:var(--color-primary);font-family:var(--font-base);font-size:var(--font-size-base);line-height:1.85;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;word-wrap:break-word;letter-spacing:.2em}.wpcf7 form p{display:inline;margin:0}.recaptcha-notice-box{display:block;margin:40px auto 0!important;width:80%}.recaptcha-notice-box .recaptcha-notice br:last-of-type{display:none}.privacyPolicy hr{margin:auto;width:80%}.grecaptcha-badge{margin-bottom:80px;visibility:hidden;z-index:999}@media screen and (max-width:550px){.recaptcha-notice-box .recaptcha-notice br:last-of-type{display:inline}}@media screen and (max-width:440px){.recaptcha-notice-box{margin:20px auto 0!important;padding:0 1rem;width:100%}.privacyPolicy hr{width:calc(100% - 2rem)}}.screen-reader-text{display:none}.pagination{margin-bottom:140px;padding:0 70px}@media screen and (max-width:900px){.pagination{margin-bottom:70px;padding:0 30px}}.pagination .nav-links{display:flex;gap:12px;justify-content:center;margin:auto;text-align:center}:is(.pagination .nav-links) a,:is(.pagination .nav-links) span{padding-left:3px}.page-numbers{align-items:center;display:flex;height:2.5em;justify-content:center;width:2.5em}.page-numbers:not(.dots){border:1px solid #6e6e6e;border-radius:3px;box-shadow:1px 1px 0 #6e6e6e}.page-numbers.current{background-color:var(--bg-main);color:var(--color-secondary)}a.page-numbers{left:0;position:relative;top:0}a.page-numbers:hover{left:1px;opacity:.5;top:1px}@media screen and (max-width:500px){.page-numbers{height:2em;width:2em}}@media screen and (max-width:400px){.page-numbers{height:1.8em;width:1.8em}}.post-navigation{margin-bottom:140px;padding:70px 70px 0}@media screen and (max-width:900px){.post-navigation{margin-bottom:70px;padding:0 30px}}.post-navigation .nav-links{display:flex;justify-content:space-around;margin:auto;text-align:center}:is(.post-navigation .nav-links) a,:is(.post-navigation .nav-links) span{display:inline-block;height:100%;padding:3px 5px;width:100%}@media screen and (max-width:600px){.post-navigation .nav-links{flex-direction:column;row-gap:20px}:is(.post-navigation .nav-links) a,:is(.post-navigation .nav-links) span{width:auto}}.breadcrumb_list{padding:14px 0}.breadcrumb_list li:after{content:">";margin-left:10px}.breadcrumb_list li:last-child:after{content:none}.breadcrumb_item{display:inline-block;font-size:14px}.breadcrumb_current,.current-item{color:var(--bg-main)}.breadcrumb_list a:active,.breadcrumb_list a:hover{opacity:.5}.inner{margin:0 auto;padding:70px;width:100%}@media screen and (max-width:900px){.inner{padding:30px}}#hamburgerBtn{cursor:pointer;height:50px;position:fixed;right:10px;top:10px;width:50px;z-index:9999}#hamburgerBtn span{background-color:var(--bg-hamburgerBtn);display:inline-block;height:3px;left:13px;position:absolute;transition:all .4s}#hamburgerBtn span:first-of-type{top:22px;width:50%}#hamburgerBtn span:nth-of-type(2){top:29px;width:30%}#frontPage #hamburgerBtn span{background-color:var(--bg-hamburgerBtn-hero)}#frontPage #hamburgerBtn.colorChange span{background-color:var(--bg-hamburgerBtn)}#frontPage #hamburgerBtn.active span:first-of-type,#frontPage #hamburgerBtn.active span:nth-of-type(2),#hamburgerBtn.active span:first-of-type,#hamburgerBtn.active span:nth-of-type(2){background-color:var(--bg-hamburgerBtn-hero)}#frontPage .portfolioContents h2,#frontPage .serviceContents h2{color:var(--color-main);font-family:var(--font-accent);font-size:4rem;font-weight:400;margin:0 0 50px;text-align:center}#footer,#main{background-color:var(--bg-base);position:relative;z-index:3}.indexWrap,.servicePostWrap,.service_optionPostWrap{display:flex;flex-direction:column;height:100vh;min-height:100vh}#indexPage #main,#servicePostPage #main,#service_optionPostPage #main{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center;margin:0}:is(#indexPage #main,#servicePostPage #main,#service_optionPostPage #main) div{margin:2em auto}:is(#indexPage #main,#servicePostPage #main,#service_optionPostPage #main) *{margin:auto;padding:0 30px;text-align:center;width:100%}:is(#indexPage #main,#servicePostPage #main,#service_optionPostPage #main) a{background-color:var(--bg-accent);color:var(--color-secondary);display:inline-block;height:50px;margin:2em auto 0;text-align:center;width:250px}:is(#indexPage #main,#servicePostPage #main,#service_optionPostPage #main) button{height:100%;width:100%}:is(#indexPage #main,#servicePostPage #main,#service_optionPostPage #main) a:hover{opacity:.8;transition:opacity .2s ease-in-out}:is(#indexPage #main,#servicePostPage #main,#service_optionPostPage #main) a:active{opacity:.8;transition:opacity .2s ease-in-out}.frontPageWrap #header{height:100vh;overflow:hidden;position:relative;width:100%}:is(.frontPageWrap #header) .header-area{color:var(--color-secondary);left:50%;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%;z-index:2}:is(:is(.frontPageWrap #header) .header-area) p{letter-spacing:.4em;margin:0 0 20px}:is(:is(.frontPageWrap #header) .header-area) .h1Box{margin:auto;position:relative;width:100%}:is(:is(.frontPageWrap #header) .header-area) h1{margin:auto;position:absolute;width:100%}:is(:is(:is(.frontPageWrap #header) .header-area) h1) img{display:block;margin:auto;max-width:500px;min-width:360px;object-fit:contain;width:30%}:is(:is(.frontPageWrap #header) .header-area) .dummyLog{margin:auto;position:absolute;width:100%}:is(:is(:is(.frontPageWrap #header) .header-area) .dummyLog) img{display:block;margin:auto;max-width:500px;min-width:360px;object-fit:contain;width:30%}.frontPageWrap #header-img{background-image:url(../images/hero.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;position:fixed;top:0;transform-origin:center;width:100%;z-index:1}.frontPageWrap #main{overflow:hidden}.lineBreak{display:none}@media screen and (max-width:500px){.lineBreak{display:block}.lineBreak_space{display:none}}:is(#indexPage,#contactPage,#portfolioPostPage,#archivePortfolio,#servicePage,#servicePostPage,#service_optionPostPage) header{background-color:var(--bg-base)}:is(:is(#indexPage,#contactPage,#portfolioPostPage,#archivePortfolio,#servicePage,#servicePostPage,#service_optionPostPage) header) h1{margin:auto;min-width:260px;width:25%}:is(:is(#indexPage,#contactPage,#portfolioPostPage,#archivePortfolio,#servicePage,#servicePostPage,#service_optionPostPage) header) a{display:block;height:100%;width:100%}:is(:is(#indexPage,#contactPage,#portfolioPostPage,#archivePortfolio,#servicePage,#servicePostPage,#service_optionPostPage) header) img{display:block;height:100%;object-fit:contain;width:100%}@media screen and (max-width:410px){:is(:is(#indexPage,#contactPage,#portfolioPage,#archivePortfolio,#servicePage,#servicePostPage,#service_optionPostPage) header) h1{min-width:260px}}#footer .conversionBtnBox a:first-of-type{margin-right:50px}.conversionBtnBox{text-align:center}.conversionBtnBox .btn{align-items:center;background-color:var(--bg-accent);color:var(--color-secondary);display:inline-flex;height:50px;justify-content:center;margin:auto;text-align:center;width:250px}.conversionBtnBox a:active,.conversionBtnBox a:hover{opacity:.8;transition:opacity .2s ease-in-out}.conversion p{margin-bottom:2.5em;text-align:center}#footer{border-top:1px solid var(--border-footer-top);padding:30px}#footer .logo{height:120px;margin:50px auto;min-width:300px;width:25%}:is(#footer .logo) a{display:block;height:100%;padding:10px 0;width:100%}:is(#footer .logo) img{height:100%;object-fit:contain;width:100%}#footer .footer-list{text-align:center}:is(#footer .footer-list) li{display:inline-block;font-size:.8rem;line-height:3;padding:0 10px}#footer .copyRight{display:block;margin-top:25px;text-align:center}.footer-list li:hover a{color:var(--color-main);opacity:.8;transition:opacity .2s ease-in-out}@media screen and (max-width:630px){:is(#footer .conversionBtnBox) .btn:first-child{margin:0 auto 20px}}.frontPageWrap .aboutContents{display:flex;flex-wrap:wrap;justify-content:space-between;padding-top:140px}:is(.frontPageWrap .aboutContents) .about-img{background:url(../images/topService.jpg) no-repeat 50%;background-size:cover;min-height:400px;width:46%}:is(.frontPageWrap .aboutContents) .about-area{width:52%}:is(:is(.frontPageWrap .aboutContents) .about-area) h2{font-size:1.4rem}:is(:is(.frontPageWrap .aboutContents) .about-area) p{margin-bottom:1em;padding:50px 0 0}:is(:is(.frontPageWrap .aboutContents) .about-area) .about-btn{text-align:right}@media screen and (max-width:900px){.frontPageWrap .aboutContents{flex-direction:column-reverse}:is(.frontPageWrap .aboutContents) .about-img{width:100%}:is(.frontPageWrap .aboutContents) .about-area{width:100%}:is(:is(.frontPageWrap .aboutContents) .about-area) .about-btn{margin:70px 0;text-align:center}}@media screen and (max-width:430px){:is(.frontPageWrap .aboutContents) .about-img{background-image:url(../images/topService-sp.jpg)}}.frontPageWrap .serviceContents{margin:auto;padding:70px 0;width:70%}.frontPageWrap #tab{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;justify-items:start}:is(.frontPageWrap #tab) li{border-top:1px solid var(--bg-base)}:is(.frontPageWrap #tab) button{background-color:var(--bg-main);border-bottom:1px solid var(--bg-main);border-left:1px solid transparent;border-right:1px solid var(--border-tab);border-top:1px solid var(--bg-main);color:var(--color-secondary);display:block;outline:none;padding:8px 5px;position:relative;text-decoration:none;top:1px;width:9em}:is(.frontPageWrap #tab) li.active button{background-color:var(--bg-base);border-bottom:1px solid var(--bg-base);border-top:1px solid var(--border-tab);color:var(--color-primary)}:is(.frontPageWrap #tab) li:first-child button{border-left:1px solid var(--border-tab)}.frontPageWrap .tab-contents-area{border-left:1px solid var(--border-tab);border-top:1px solid var(--border-tab)}.frontPageWrap .tab-contents{display:none;opacity:0;padding:3em}:is(.frontPageWrap .tab-contents) h5{position:relative}:is(.frontPageWrap .tab-contents) h5:before{content:"―";left:-1.5em;position:absolute}:is(.frontPageWrap .tab-contents) .content-area{margin-top:2em}.frontPageWrap .tab-contents.is-active{display:block;opacity:1}.frontPageWrap .service-btn{margin:50px 0 0;text-align:center}@media screen and (max-width:900px){.frontPageWrap .serviceContents{padding-left:30px;width:100%}}@media screen and (max-width:700px){.frontPageWrap #tab{grid-template-columns:repeat(2,auto);grid-template-rows:2}:is(.frontPageWrap #tab) li:nth-child(3) button{border-left:1px solid var(--border-tab)}:is(.frontPageWrap #tab) li:first-child button,:is(.frontPageWrap #tab) li:nth-child(2) button{top:2px}:is(.frontPageWrap #tab) li button{border-top:1px solid var(--border-tab)}}@media screen and (max-width:500px){:is(.frontPageWrap #tab) button{width:8em}}.frontPageWrap .contactContents{align-items:center;display:flex;flex-direction:row-reverse;flex-wrap:wrap;justify-content:space-between}.frontPageWrap .contact-img{background:url(../images/topContact.jpg) no-repeat 50%;background-size:cover;min-height:300px;width:60%}.frontPageWrap .contact-area{width:35%}:is(.frontPageWrap .contact-area) h4{font-size:1.1vw;margin:0 0 10px;text-align:center}:is(.frontPageWrap .contact-area) p{font-size:1.1vw;margin-bottom:2em;text-align:center}:is(.frontPageWrap .contact-area) .contact-btn{text-align:center}@media screen and (max-width:900px){.frontPageWrap .contactContents{flex-direction:column}.frontPageWrap .contact-img{margin:0 0 50px;width:100%}.frontPageWrap .contact-area{width:100%}:is(.frontPageWrap .contact-area) h4{font-size:.9em;margin:0 0 10px;text-align:center}:is(.frontPageWrap .contact-area) p{font-size:.8em;margin-bottom:2em;text-align:center}}@media screen and (max-width:430px){.frontPageWrap .contact-img{background-image:url(../images/topContact-sp.jpg)}}@media screen and (max-width:390px){:is(.frontPageWrap .contact-area) p{font-size:.7em}}.frontPageWrap .portfolio-area{display:flex;height:70vh;justify-content:space-between;margin:0 0 50px;padding-bottom:50px;width:100%}:is(.frontPageWrap .portfolio-area) h3{font-size:1rem;margin:0 0 20px}:is(.frontPageWrap .portfolio-area) .newItem{height:100%;width:30%}:is(.frontPageWrap .portfolio-area) .oldItems{align-content:space-between;display:flex;flex-wrap:wrap;width:68%}:is(.frontPageWrap .portfolio-area) .oldItem:first-of-type{height:48%;margin-right:3%;width:42%}:is(.frontPageWrap .portfolio-area) .oldItem:nth-of-type(2){height:48%;margin-right:3%;width:20%}:is(.frontPageWrap .portfolio-area) .oldItem:nth-of-type(3){height:48%;width:32%}:is(.frontPageWrap .portfolio-area) .oldItem:nth-of-type(4){height:48%;margin-right:3%;width:32%}:is(.frontPageWrap .portfolio-area) .oldItem:nth-of-type(5){height:48%;margin-right:3%;width:20%}:is(.frontPageWrap .portfolio-area) .oldItem:nth-of-type(6){height:48%;width:42%}:is(.frontPageWrap .portfolio-area) a{display:block;height:100%;width:100%}:is(.frontPageWrap .portfolio-area) .cap .excerpt{display:-webkit-box;font-size:.9rem;-webkit-line-clamp:4;line-clamp:4;margin-bottom:20px;text-align:left;-webkit-box-orient:vertical;line-height:1.7em;max-height:6.8em;overflow:hidden}:is(.frontPageWrap .portfolio-area) figure{height:100%;width:100%}:is(:is(.frontPageWrap .portfolio-area) figure) img{height:100%;object-fit:cover;width:100%}:is(:is(.frontPageWrap .portfolio-area) figure) time{background-color:var(--bg-mainOpacity);bottom:0;color:var(--color-secondary);position:absolute;right:50%;text-align:center;transform:translateX(50%);width:100%}:is(.frontPageWrap .portfolio-area) span{border:1px solid hsla(0,0%,100%,.7);display:inline-block;font-size:.8rem;padding:5px 10px;text-align:center;white-space:nowrap}:is(.frontPageWrap .portfolio-area) .temporaryDisplay{position:relative}:is(.frontPageWrap .portfolio-area) .temporaryDisplay figcaption{background-color:var(--bg-mainOpacity);bottom:0;color:var(--color-secondary);position:absolute;right:50%;text-align:center;transform:translateX(50%);width:100%}:is(.frontPageWrap .portfolio-area) .oldItem:first-of-type{animation-delay:.5s}:is(.frontPageWrap .portfolio-area) .oldItem:nth-of-type(2){animation-delay:1.5s}:is(.frontPageWrap .portfolio-area) .oldItem:nth-of-type(3){animation-delay:1s}:is(.frontPageWrap .portfolio-area) .oldItem:nth-of-type(4){animation-delay:.8s}:is(.frontPageWrap .portfolio-area) .oldItem:nth-of-type(5){animation-delay:1.8s}:is(.frontPageWrap .portfolio-area) .oldItem:nth-of-type(6){animation-delay:1.5s}@media screen and (max-width:1300px){.frontPageWrap .portfolio-area{align-items:center;flex-direction:column;height:auto;row-gap:1.5rem}:is(.frontPageWrap .portfolio-area) .newItem{max-width:600px;width:80%}:is(.frontPageWrap .portfolio-area) .oldItems{display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);justify-content:space-between;width:100%}:is(.frontPageWrap .portfolio-area) .oldItem:first-of-type,:is(.frontPageWrap .portfolio-area) .oldItem:nth-of-type(2),:is(.frontPageWrap .portfolio-area) .oldItem:nth-of-type(3),:is(.frontPageWrap .portfolio-area) .oldItem:nth-of-type(4),:is(.frontPageWrap .portfolio-area) .oldItem:nth-of-type(5),:is(.frontPageWrap .portfolio-area) .oldItem:nth-of-type(6){height:100%;width:100%}:is(.frontPageWrap .portfolio-area) .oldItem:first-of-type{animation-delay:.5s}:is(.frontPageWrap .portfolio-area) .oldItem:nth-of-type(2){animation-delay:1s}:is(.frontPageWrap .portfolio-area) .oldItem:nth-of-type(3){animation-delay:.5s}:is(.frontPageWrap .portfolio-area) .oldItem:nth-of-type(4){animation-delay:1s}:is(.frontPageWrap .portfolio-area) .oldItem:nth-of-type(5){animation-delay:.5s}:is(.frontPageWrap .portfolio-area) .oldItem:nth-of-type(6){animation-delay:.8s}}@media screen and (max-width:900px){.frontPageWrap .portfolioContents{padding-bottom:70px}:is(.frontPageWrap .portfolio-area) .oldItems{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:600px){:is(.frontPageWrap .portfolio-area) .newItem{width:100%}:is(.frontPageWrap .portfolio-area) .oldItems{grid-template-columns:repeat(1,1fr)}:is(.frontPageWrap .portfolio-area) .oldItem:first-of-type,:is(.frontPageWrap .portfolio-area) .oldItem:nth-of-type(2),:is(.frontPageWrap .portfolio-area) .oldItem:nth-of-type(3),:is(.frontPageWrap .portfolio-area) .oldItem:nth-of-type(4),:is(.frontPageWrap .portfolio-area) .oldItem:nth-of-type(5),:is(.frontPageWrap .portfolio-area) .oldItem:nth-of-type(6){animation-delay:.5s}}#contactPage{background-color:var(--bg-base)}#contactPage #main{padding:0 70px}:is(#contactPage #main) .main_header{margin:4em 0;text-align:center}:is(:is(#contactPage #main) .main_header) p{color:var(--bg-main)}:is(#contactPage #main) .formSection{margin:70px auto 140px;max-width:90%;width:960px}:is(:is(#contactPage #main) .formSection) .contact-table{border-collapse:collapse;margin:auto;table-layout:fixed;width:100%}:is(:is(#contactPage #main) .formSection) tr:first-child{border-top:1px solid var(--border-form)}:is(:is(#contactPage #main) .formSection) tr{border-bottom:1px solid var(--border-form)}:is(:is(#contactPage #main) .formSection) .contact-th{font-weight:400;min-width:25%;text-align:left;vertical-align:middle;width:30%}:is(:is(:is(#contactPage #main) .formSection) .contact-th) label{display:inline-block;height:100%;vertical-align:middle}:is(:is(#contactPage #main) .formSection) .contact-th:not(.requiredContent){padding:1rem 1rem 1rem 4.7rem}:is(:is(#contactPage #main) .formSection) .contact-td{max-width:60%;padding:1rem}:is(:is(#contactPage #main) .formSection) input:not(.wpcf7-checkbox input,.submitButton),:is(:is(#contactPage #main) .formSection) textarea{background-color:var(--bg-form);width:100%}:is(:is(#contactPage #main) .formSection) .wpcf7-list-item label{display:block}:is(:is(#contactPage #main) .formSection) .wpcf7-list-item{display:block!important;margin-left:0!important;padding:5px 0 0!important}:is(:is(#contactPage #main) .formSection) input:not(.submitButton),:is(:is(#contactPage #main) .formSection) textarea{padding:1rem}:is(:is(#contactPage #main) .formSection) .requiredContent{padding:1rem;position:relative}:is(:is(#contactPage #main) .formSection) .requiredContent:before{background-color:var(--bg-required);border-radius:2px;color:var(--color-required);content:"必須";display:inline-block;font-size:12px;margin-right:1rem;padding:.25em .5em}:is(:is(#contactPage #main) .formSection) .wpcf7-checkbox{display:block;width:100%}:is(:is(:is(#contactPage #main) .formSection) .wpcf7-checkbox) input{vertical-align:middle}:is(:is(#contactPage #main) .formSection) .wpcf7-checkbox:not(.wpcf7-checkbox:first-child){padding-top:.5rem}:is(:is(#contactPage #main) .formSection) .notes{padding-top:.5rem}#contactPage .privacyPolicy{background-color:var(--bg-form);margin:70px auto;padding:40px 0;text-align:center}:is(#contactPage .privacyPolicy) a{text-decoration:underline}:is(#contactPage .privacyPolicy) span label{margin:1em 0 40px}#contactPage .submitButtonBox{height:3em;margin:auto;position:relative;width:400px}:is(#contactPage .submitButtonBox) .submitButton{background-color:var(--bg-main);border-radius:4px;color:var(--color-secondary);display:block;font-size:1.1em;height:100%;margin:auto;position:relative;text-align:center;width:100%}:is(#contactPage .submitButtonBox) .submitButton:hover{opacity:.7;transition:opacity .2s ease-in-out}:is(#contactPage .submitButtonBox) .submitButton:active{opacity:.7;transition:opacity .2s ease-in-out}#contactPage .submitButtonBox:after{color:var(--color-secondary);content:">";display:block;font-weight:700;position:absolute;right:10%;top:50%;transform:translateY(-50%);width:2em;z-index:1}#contactPage input::placeholder,#contactPage textarea::placeholder{font-size:13px}@media screen and (max-width:1030px){:is(#contactPage #main) .formSection{max-width:100%}}@media screen and (max-width:930px){#contactPage #main .formSection .contact-th{width:35%}#contactPage #main .formSection .contact-th label,.contact-th{font-size:.9em}}@media screen and (max-width:760px){#contactPage #main .formSection .contact-th{display:block;width:100%}#contactPage #main .formSection .contact-th:not(.requiredContent){padding-left:1rem}#contactPage #main .formSection .contact-td{display:block;max-width:100%;width:100%}:is(#contactPage #main .formSection .contact-td) input:not(.wpcf7-checkbox input){width:100%}#contactPage #main .formSection .contact-th label,.contact-th{font-size:15px}}@media screen and (max-width:650px){#contactPage #main{padding:0 30px}#contactPage .submitButtonBox{max-width:300px}#contactPage .privacyPolicy{margin:30px auto}#contactPage #main .formSection{margin:70px auto}}@media screen and (max-width:420px){#contactPage .privacyPolicy,#contactPage .privacyPolicy p{font-size:13px}#contactPage .privacyPolicy{padding:20px 0}:is(#contactPage .privacyPolicy) span label{margin:1em 0 20px}}#portfolioPostPage{background-color:var(--bg-base)}#portfolioPostPage .topSection{padding-bottom:70px}#portfolioPostPage .bodySection{padding:0 70px}#portfolioPostPage .imgMainSection,#portfolioPostPage .leftTextSection,#portfolioPostPage .rightTextSection{padding:70px 0}#portfolioPostPage .textMainSection{padding:70px 0 140px}#portfolioPostPage .topSection{height:calc(100vh - 120px);width:100%}:is(#portfolioPostPage .topSection) .mainTextArea{height:100%;overflow:hidden;width:100%}:is(#portfolioPostPage .topSection) .description{font-size:clamp(14px,1.1vw,16px);opacity:0;padding-right:50px;text-align:right;transform:translateX(100%)}:is(:is(#portfolioPostPage .topSection) .description) time{display:inline-block;margin-bottom:.5em}:is(:is(#portfolioPostPage .topSection) .description) span{background-color:var(--bg-accent);color:var(--color-secondary);display:inline-block;font-size:clamp(12px,1.1vw,14px);height:100%;margin-right:.5em;padding-left:.25em;text-align:center}:is(#portfolioPostPage .topSection) .titleContainer{height:100%;position:relative;width:100%}:is(#portfolioPostPage .topSection) .titleBox{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%}:is(:is(#portfolioPostPage .topSection) .titleBox) h2{font-size:clamp(45px,3.8vw,72px);margin:0 auto 1em;opacity:0;width:80%}:is(:is(#portfolioPostPage .topSection) .titleBox) p{opacity:0}:is(:is(#portfolioPostPage .topSection) .titleBox) h2 span,:is(:is(#portfolioPostPage .topSection) .titleBox) p span{opacity:0;transform:translateX(30px)}:is(:is(#portfolioPostPage .topSection) .titleBox) p{display:inline-block;font-size:clamp(24px,2.5vw,40px);margin:0 auto 1.5em}:is(:is(#portfolioPostPage .topSection) .titleBox) .subTitleBox p{border-image:url(../images/borderImg.png);border-image-outset:15px;border-image-repeat:round;border-image-slice:100 0;border-image-width:5px;font-size:clamp(18px,1.5vw,26px);margin:auto;min-width:250px;text-align:center}:is(#portfolioPostPage .topSection) .subTitleBox{margin-top:2em}#portfolioPostPage .floatLeft{float:left;margin:0 4em 1em 0}#portfolioPostPage .floatRight{float:right;margin:0 0 1em 4em}#portfolioPostPage .flexBox{align-items:stretch;display:flex;gap:5%;justify-content:space-between}#portfolioPostPage .visualArea{width:40%}:is(#portfolioPostPage .visualArea) .visual{object-fit:contain;object-position:center;width:100%}:is(#portfolioPostPage .visualArea) figcaption{text-align:center}:is(#portfolioPostPage .textArea) h3{color:var(--color-main);font-size:2rem;line-height:1;margin-bottom:1.5em}#portfolioPostPage .visual{aspect-ratio:16/9;background-color:#414141;box-shadow:6px 6px 10px 0 rgba(0,0,0,.4)}:is(:is(#portfolioPostPage .imgMainSection) .textArea) h3{margin-bottom:1.5em}:is(:is(#portfolioPostPage .imgMainSection) .textArea) p{width:50%}:is(#portfolioPostPage .imgMainSection) .slideContainer{margin:auto;overflow:hidden;width:100%}:is(#portfolioPostPage .imgMainSection) .sliderBox{height:350px;margin:auto auto 5em;overflow:hidden;perspective:1600px;position:relative}:is(#portfolioPostPage .imgMainSection) .slideItem{left:50%;max-width:600px;min-width:360px;overflow:hidden;position:absolute;transform:translateX(-50%);transform-style:preserve-3d;width:80%}:is(#portfolioPostPage .imgMainSection) .slideItem .visual{object-fit:cover;object-position:center;width:100%}:is(#portfolioPostPage .textMainSection) .textArea{width:100%}#portfolioPostPage .imgMainSection .textArea p,#portfolioPostPage .leftTextSection .textArea p,#portfolioPostPage .leftTextSection .visualArea,#portfolioPostPage .rightTextSection .textArea p,#portfolioPostPage .rightTextSection .visualArea,#portfolioPostPage .textMainSection .textArea p{opacity:0}.clearfix:after{clear:both;content:" ";display:block}@media screen and (max-width:1000px){:is(:is(#portfolioPostPage .imgMainSection) .textArea) p{width:100%}}@media screen and (max-width:900px){body{line-height:1.7}#portfolioPostPage .bodySection{padding:0 30px}#portfolioPostPage .imgMainSection,#portfolioPostPage .leftTextSection,#portfolioPostPage .rightTextSection{padding:30px 0}#portfolioPostPage .textMainSection{padding:30px 0 70px}:is(#portfolioPostPage .topSection) .description{padding-right:2em}}@media screen and (max-width:750px){#portfolioPostPage .clearfix{display:flex;flex-direction:column}#portfolioPostPage .textMainSection{flex-direction:column}#portfolioPostPage .floatLeft,#portfolioPostPage .floatRight{float:none;margin:auto;order:2}#portfolioPostPage .clearfix .textArea{margin-bottom:15px;order:1}:is(#portfolioPostPage .clearfix .textArea) h3{margin-bottom:10px}#portfolioPostPage .visualArea{width:100%}#portfolioPostPage .imgMainSection .textArea{margin-bottom:15px}:is(#portfolioPostPage .imgMainSection .textArea) h3{margin-bottom:10px}#portfolioPostPage .textMainSection .textArea{margin-bottom:15px;width:100%}:is(#portfolioPostPage .textMainSection .textArea) h3{margin-bottom:10px}#portfolioPostPage .textMainSection .squareContainer{width:100%}}@media screen and (max-width:500px){body{line-height:1.5}:is(:is(#portfolioPostPage .topSection) .titleBox) h2{font-size:clamp(28px,3.8vw,30px)}:is(#portfolioPostPage .topSection) .subTitleBox{margin:auto;width:80%}:is(#portfolioPostPage .imgMainSection) .sliderBox{height:210px}}#archivePortfolio{background-color:var(--bg-base)}#archivePortfolio #main{padding:0 70px}:is(#archivePortfolio #main) .main_header{margin:4em 0;text-align:center}:is(:is(#archivePortfolio #main) .main_header) p{color:var(--bg-main)}:is(#archivePortfolio #main) .portfloioContainer{display:grid;gap:1.5rem 1.25rem;grid-auto-rows:1fr;grid-template-columns:repeat(4,1fr);margin:70px auto 140px;padding:0 140px;place-items:center;width:100%}:is(:is(#archivePortfolio #main) .portfloioContainer) .portlolioCard{background-color:var(--bg-base);box-shadow:4px 4px 8px 0 hsla(0,0%,49%,.3);cursor:pointer;height:100%;opacity:0;transition:all .3s ease-in-out;will-change:transform}:is(:is(:is(#archivePortfolio #main) .portfloioContainer) .portlolioCard) a{display:flex;flex:1;flex-direction:column;height:auto;margin:auto;width:100%}:is(:is(:is(#archivePortfolio #main) .portfloioContainer) .portlolioCard) .thumbnailBox{margin:auto;overflow:hidden;position:relative;width:100%}:is(:is(:is(:is(#archivePortfolio #main) .portfloioContainer) .portlolioCard) .thumbnailBox) img{aspect-ratio:1/1;display:block;object-fit:contain;object-position:center;width:100%}:is(:is(:is(:is(#archivePortfolio #main) .portfloioContainer) .portlolioCard) .thumbnailBox) span{background-color:var(--bg-main);bottom:-1px;color:var(--color-secondary);margin:auto;padding:0 2px 1px;position:absolute;right:-1px;text-align:center;transform:translateY(100%);transition:transform .5s ease-in-out;will-change:transform}:is(:is(:is(#archivePortfolio #main) .portfloioContainer) .portlolioCard) time{background-color:var(--bg-main);color:var(--color-secondary);display:block;font-size:14px;margin:-1px auto 0;padding-left:5px;padding-top:1px;text-align:left;width:100%}:is(:is(:is(#archivePortfolio #main) .portfloioContainer) .portlolioCard) .textArea{padding:10px 5px}:is(:is(:is(:is(#archivePortfolio #main) .portfloioContainer) .portlolioCard) .textArea) h4{margin-bottom:10px}:is(:is(:is(#archivePortfolio #main) .portfloioContainer) .portlolioCard) .excerpt{line-height:1.6em;min-height:7em;white-space:normal;word-break:break-word}:is(:is(#archivePortfolio #main) .portfloioContainer) .portlolioCard:hover .thumbnailBox span{transform:translateY(0)}:is(:is(#archivePortfolio #main) .portfloioContainer) .portlolioCard:active .thumbnailBox span{transform:translateY(0)}@media screen and (max-width:1400px){:is(#archivePortfolio #main) .portfloioContainer{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:1200px){:is(#archivePortfolio #main) .portfloioContainer{padding:0 70px}}@media screen and (max-width:1000px){:is(#archivePortfolio #main) .portfloioContainer{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:900px){#archivePortfolio #main{padding:0 30px}:is(#archivePortfolio #main) .portfloioContainer{margin:30px auto 70px}}@media screen and (max-width:700px){:is(#archivePortfolio #main) .portfloioContainer{margin:30px auto 70px;padding:0 30px}}@media screen and (max-width:600px){:is(#archivePortfolio #main) .portfloioContainer{grid-template-columns:repeat(1,1fr)}}#servicePage #main{padding:70px}:is(#servicePage #main) .main_header{margin:4em 0;text-align:center}:is(:is(#servicePage #main) .main_header) p{color:var(--bg-main)}#servicePage .optionsSection,#servicePage .plansSection{margin:70px auto 140px;padding:0 140px;width:100%}#servicePage .optionsSection h3,#servicePage .plansSection h3{color:var(--color-main);font-size:32px;text-align:center}#servicePage .accordionContainer .subtitle{margin:1.5em 0;padding-left:4rem}#servicePage .accordionContainer{padding:70px 0;position:relative;width:100%}#servicePage .accordionContainer:before{border-left:1px solid var(--border-service);bottom:calc(70px + 1em);content:"";height:calc(100% - 140px - 4em);left:0;position:absolute;width:100%;z-index:-1}#servicePage .accordionContainer h4{font-size:20px;font-weight:400;position:relative}#servicePage .accordionContainer h4 span{color:var(--color-main);font-size:16px}#servicePage .accordionContainer h4:after{border-top:1px solid var(--border-service);content:"";height:100%;left:300px;position:absolute;top:50%;width:calc(100% - 300px)}#servicePage .details{margin-bottom:1.5em;padding-left:5rem}#servicePage .details h5{font-size:18px;font-weight:400;margin-bottom:10px}#servicePage .details h5:before{content:"-";height:1em;width:1em}#servicePage .detailBox{margin-bottom:30px}#servicePage .conversionBtnBox{margin:50px 0}#servicePage .conversionBtnBox p{margin-bottom:20px}#servicePage .detailBox .accordionItem{margin-bottom:10px}#servicePage .detailBox ul{border-spacing:.5em 0;display:table;padding-left:1em}#servicePage .detailBox .detaiBoxList{display:table-row}#servicePage .detailBox .detaiBoxList:before{content:"・";display:table-cell;white-space:nowrap}#servicePage .detailBox .detaiBoxList .heading{display:table-cell;margin-right:30px;white-space:nowrap}#servicePage .detailBox .detaiBoxList .explanation{display:table-cell}#servicePage .detailBox .detaiBoxList span{margin:0 .25em 0 .5em}#servicePage .detailBox table{border-collapse:collapse;table-layout:fixed}#servicePage .detailBox .wAuto{min-width:200px;width:auto}#servicePage .detailBox .chartable tbody td{text-align:center!important}#servicePage .detailBox .w100{width:100%}#servicePage .detailBox .w100 td{text-align:center}#servicePage .detailBox .colTh{width:200px}#servicePage .detailBox .accentText_b{font-weight:700}#servicePage .detailBox .notes{font-size:12px}#servicePage .detailBox table .columnTh,#servicePage .detailBox table .rowTh{background-color:var(--bg-main);border:1px solid var(--border-service);color:var(--color-secondary);font-weight:400}#servicePage .detailBox table td{border:1px solid var(--border-service);padding:.25em .5em}#servicePage .facesBox:after{border-top:1px solid var(--border-service);content:"";height:100%;left:100%;position:absolute;top:100%;transform:translate(-100%,-50%);width:calc(50% - 100px);z-index:-1}#servicePage .facesBox .backFace,#servicePage .facesBox .frontFace{display:block;left:50%;text-align:center}#servicePage .facesBox{height:1.5em;position:relative;transform-style:preserve-3d;width:100%}:is(#servicePage .facesBox) .backFace,:is(#servicePage .facesBox) .frontFace{backface-visibility:hidden;cursor:pointer;height:100%;position:absolute;text-align:center;transition:transform .5s ease;width:100%;width:auto}:is(#servicePage .facesBox) .frontFace{text-shadow:1px 1px 1px var(--textShadow-main);transform:rotateX(0deg) translate(-50%)}:is(#servicePage .facesBox) .backFace{transform:rotateX(180deg) translate(-50%)}:is(:is(#servicePage .facesBox) .backFace) span{transform:rotateX(180deg)}:is(#servicePage .facesBox) span{display:inline-block;height:1.5em;position:absolute;width:1.5em}:is(:is(#servicePage .facesBox) span) img{width:100%}#servicePage .accordionBox{opacity:0;overflow:hidden;transition:.5s ease}#servicePage .accordionBox.active{opacity:1;transition:.5s ease}#servicePage .facesBox .frontFace.active{transform:rotateX(180deg) translate(-50%)}#servicePage .facesBox .backFace.active{transform:rotateX(1turn) translate(-50%)}#servicePage .backFace:active,#servicePage .backFace:hover,#servicePage .frontFace:active,#servicePage .frontFace:hover{opacity:.5;transition:opacity .2s ease-in-out}@media screen and (max-width:1200px){#servicePage .optionsSection,#servicePage .plansSection{padding:0 70px}}@media screen and (max-width:1140px){#servicePage .optionsSection,#servicePage .plansSection{padding:0 30px}}@media screen and (max-width:960px){#servicePage .optionsSection,#servicePage .plansSection{padding:0}}@media screen and (max-width:900px){#servicePage .details{padding-left:1rem}}@media screen and (max-width:850px){#servicePage .detailBox .colTh{width:105px}#servicePage .detailBox table .rowTh{font-size:14px;padding:.5em}#servicePage .detailBox .w100 .columnTh,#servicePage .detailBox .w100 td{font-size:14px}}@media screen and (max-width:650px){#servicePage #main{padding:30px}#servicePage .accordionContainer .subtitle{padding-left:1rem}#servicePage .detailBox td{font-size:14px}}@media screen and (max-width:500px){#servicePage .accordionContainer:before{left:-15px}#servicePage .accordionContainer .subtitle,#servicePage .details{padding-left:0}#servicePage .detailBox .detaiBoxList{display:list-item;margin-bottom:.5em}#servicePage .detailBox ul{padding-left:.5em}#servicePage .detailBox .detaiBoxList .heading,#servicePage .detailBox .detaiBoxList:before{display:inline-block}#servicePage .detailBox .detaiBoxList .explanation{display:block;padding-left:1.5em}#servicePage .detailBox .detaiBoxList span{display:none}}