@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap);:root{--primary-color:#3444bf;--primary-inverse-color:#fff;--secondary-color:#121a5a;--secondary-inverse-color:#fff;--accent-color:#3444bf;--accent-inverse-color:#fff;--content-space:4rem}body *{box-sizing:border-box}body,html{font-size:14px}body{font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ",Osaka,"MS PGothic","ＭＳ Ｐゴシック",sans-serif;margin:0;padding:0;-webkit-text-size-adjust:none;background:#fff;color:#555;line-height:2;overflow-x:hidden}figure{margin:0}dd{margin:0}li,nav,ol,ul{margin:0;padding:0}nav ul{list-style:none}table{border-collapse:collapse}img{border:none;height:auto;max-width:100%;vertical-align:middle}video{max-width:100%}iframe{width:100%}input{font-size:1rem}section{padding:var(--content-space)}a{transition:.3s}a:hover{filter:brightness(1.1)}#container{animation:opa1 1s 1s both;display:flex;flex-direction:column;margin:0 auto;min-height:100vh;position:relative}header{color:#fff;padding:1rem var(--content-space);position:absolute;width:100%}header a{color:inherit}#logo a{text-decoration:none}#logo img{display:block;width:220px}#header-box *{margin:0;padding:0}#header-box .btn{display:flex;gap:1rem;list-style:none}#header-box .btn a{border-radius:3px;display:block;padding:.5rem 2rem;text-decoration:none}#header-box .btn i{margin-right:1rem;transform:scale(1.4)}#menubar{animation:animation1 .2s both;background:var(--primary-color);color:var(--primary-inverse-color);height:100%;overflow:auto;padding:100px var(--content-space) 50px;position:fixed;right:0;top:0;width:100%;z-index:100}#menubar a{border:1px solid #fff;color:inherit;display:block;margin-bottom:1rem;padding:1rem 2rem;text-decoration:none}#menubar_hdr{animation:opa1 0s .2s both;background:#000;border-radius:0 0 0 20px;cursor:pointer;display:flex;height:70px;position:fixed;right:0;top:0;transform:scale(1);transform-origin:right top;width:70px;z-index:101}#menubar_hdr.ham{background:red}#menubar_hdr span{background:#fff;display:block;height:2px;left:18px;position:absolute;transition:.3s;width:35px}#menubar_hdr span:nth-of-type(1){top:24px}#menubar_hdr span:nth-of-type(2){top:34px}#menubar_hdr span:nth-of-type(3){top:44px}#menubar_hdr.ham span:nth-of-type(1){transform:translateY(10px) rotate(-45deg)}#menubar_hdr.ham span:nth-of-type(2){opacity:0}#menubar_hdr.ham span:nth-of-type(3){transform:translateY(-10px) rotate(45deg)}.new-top *{margin:0;padding:0}.new-top{align-items:center;background:#fff;border-radius:5px;display:flex;margin-left:10vw;padding:1rem;position:absolute;top:80vh;width:80vw;z-index:1}.new-top a:hover{opacity:.8}.new-top h2{background:#555;border-radius:3px;color:#fff;font-size:1rem;font-weight:400;margin-right:1rem;padding:0 1rem}.new-top .text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-top .new-list{align-self:flex-end}#contents{flex:1}body:not(.home) #contents{padding-bottom:0;padding-top:0}#contents ol,#contents ul{margin-left:2rem;margin-right:2rem}p{margin-left:1rem;margin-right:1rem}main h2{align-items:center;display:flex;flex-direction:column-reverse;font-size:2.4rem;font-weight:400;margin:0;margin-bottom:5vw;padding:0}main h2 span.small{border-top:2px solid var(--primary-color);display:inline-block;font-size:.9rem;letter-spacing:.1rem;opacity:.6;padding-top:2rem}main h2.c{align-items:center}.list-half *{margin:0;padding:0}#kodawari{background:url(../img/bg-kodawari.png) no-repeat left top/50vw}.list-half .list{display:flex;flex-direction:column;margin-bottom:2rem}.list-half .list h4{font-size:1.4rem;margin-bottom:1rem}.list-half .list h4 span{display:block;font-size:.5em;font-weight:400;letter-spacing:.1em;opacity:.5}.list-half .image-l img,.list-half .image-r img{border-radius:50px;box-shadow:10px 10px rgba(0,0,0,.1)}.list-grid7 .list *{margin:0;padding:0}.list-grid7 .list{background:#fafafa;border:1px solid #ccc;border-radius:5px;color:#555;display:grid;margin-bottom:2rem;padding:3rem 2rem;position:relative}.list-grid7 .list h4{color:var(--primary-color);font-size:1.3rem;margin-bottom:.5rem;text-align:center}.list-grid7 .list h4 span{display:block;font-size:.7em;font-weight:400}.list-grid7 .list p{font-size:.85rem;line-height:1.5}.list-grid7 .list figure{margin:0 auto;margin-bottom:1rem}.flow-box *{margin:0;padding:0}#flow{background:url(../img/bg-flow.png) no-repeat right top/50vw}.flow-box{margin-bottom:4rem;position:relative}.flow-box .title h3{background:var(--primary-color);color:var(--primary-inverse-color);margin-bottom:2rem;margin-left:calc(-1 * var(--content-space));margin-right:calc(-1 * var(--content-space));padding:2rem;text-align:center}.flow-box .title h3 span{display:block;font-size:.7em}.flow-box .step-num{color:var(--primary-color);display:inline-block;font-size:3rem;left:0;position:absolute;top:-57px;width:100%}ul.step{list-style:none;margin:0!important;padding:0!important}ul.step li{border:2px solid var(--primary-color);margin-bottom:2rem;padding:1rem;position:relative}ul.step li::after{bottom:-2rem;color:var(--primary-color);content:"▼";left:50%;opacity:.3;position:absolute;transform:scaleX(2)}ul.step li:last-child::after{content:""}.list-yoko-scroll *{margin:0;padding:0}.list-yoko-scroll{align-items:flex-start;display:flex;margin-right:calc(-1 * var(--content-space));overflow-x:auto;padding-bottom:30px;padding-top:30px;scroll-snap-type:x mandatory;scrollbar-width:none}.list-yoko-scroll::-webkit-scrollbar{display:none}.list-yoko-scroll .list{background:var(--primary-color);border-radius:1rem;color:var(--primary-inverse-color);flex-shrink:0;margin-right:2rem;padding:2rem;position:relative;scroll-snap-align:start;width:60%}.list-yoko-scroll .list:nth-of-type(even){transform:translateY(30px)}.list-yoko-scroll .list::before{color:var(--primary-color);content:"▲";font-size:30px;left:30%;position:absolute;top:-40px}.list-yoko-scroll .list .text{font-size:.85rem;line-height:1.5}.faq{border-bottom:1px solid rgba(255,255,255,.3);font-size:1.3rem}.faq dt{align-items:flex-start;border-top:1px solid rgba(255,255,255,.3);cursor:pointer;display:flex;padding:1rem}.faq dt::before{background:var(--primary-color);border-radius:50%;color:var(--primary-inverse-color);content:"＋";flex-shrink:0;line-height:2rem;margin-right:1rem;text-align:center;transform:translateY(5px);width:2rem}.faq dt.active::before{content:"ー"}.faq dd{background:#fff;border-radius:5px;color:#333;margin:0 1rem 1rem 4rem;padding:1rem 2rem}.btn a{background:var(--accent-color);color:var(--accent-inverse-color);display:block;text-align:center;text-decoration:none}.btn a:hover{background:var(--accent-inverse-color);color:var(--accent-color)}.btn-box .btn i{margin-right:2rem;transform:scale(1.4)}.btn-box .btn{align-items:center;display:flex;flex-direction:column;font-size:1.5rem;gap:2rem;height:65vh;justify-content:center;list-style:none;margin:0;padding:0}.btn-box .btn li{width:80vw}.btn-box .btn a{border-radius:10px;padding:1rem 2rem}.wave-section{margin-bottom:-79px;padding-top:79px;position:relative;top:-79px}.wave-section .text{background:var(--primary-color)}.wave-wrap use{fill:var(--primary-color)}.wave{height:80px;left:0;position:absolute;width:100%}.wave svg{display:block;height:100%;width:100%}.wave .wave-wrap{animation:move-wave 10s linear infinite;transform-box:fill-box;transform-origin:0 0}.wave-top{top:0}.wave-bottom{bottom:0;transform:rotate(180deg)}#footer *{margin:0;padding:0}#footer ul{list-style:none}#footer{background:var(--primary-color);color:var(--primary-inverse-color);padding:var(--content-space)}#footer div.footer1{display:flex;flex:1;flex-direction:column;gap:1rem}#footer div.footer2{flex:1}#footer small{display:block;margin-top:2rem;text-align:right}#footer .sns{display:flex;flex-wrap:wrap;gap:1rem;list-style:none;margin:0;padding:0}#footer .sns i{font-size:30px}#footer .iframe{height:0;overflow:hidden;padding-top:56.25%!important;position:relative;width:100%}#footer .iframe iframe{height:100%;left:0;position:absolute;top:0;width:100%}.week{background:#fff;border:1px solid #ccc;border-collapse:separate;border-radius:5px;border-spacing:0;color:#555;overflow:hidden;table-layout:fixed;width:100%}.week td:first-child,.week th:first-child{width:25%}.week td:not(:first-child),.week th:not(:first-child){width:10.7142857143%}.week td,.week th{border-bottom:1px solid #ccc;border-right:1px solid #ccc;padding:1rem 0;text-align:center}.week td:last-child,.week th:last-child{border-right:none}.week tr:last-child td{border-bottom:none}.week th{background:#fafafa}.week td{border-bottom:1px solid #ccc}.pr a{background:#555;color:#ccc;display:block;font-size:.8rem;padding:.5rem 1rem;text-align:right;text-decoration:none}.pr a::before{content:"\e2ca";font-family:"Font Awesome 6 Free";font-weight:700;margin-right:.5em}.pagetop-show{display:block}.pagetop a{animation:opa1 1s .4s both;background:rgba(0,0,0,.2);border-radius:50%;bottom:20px;color:#fff;display:block;font-size:1.5rem;line-height:60px;position:fixed;right:20px;text-align:center;text-decoration:none;width:60px;z-index:99}.bg1{background:var(--secondary-color);color:var(--secondary-inverse-color);padding-bottom:100px}.bg-slideup{background-repeat:no-repeat;background-size:cover;width:100%}.slideup1{background-image:url(../img/bg-slideup1.jpg);border-radius:10vw 10vw 0 0;color:#fff}.slideup2{background-image:url(../img/bg-slideup2.jpg);position:relative}.slideup2::before{background:linear-gradient(var(--secondary-color),transparent);content:"";height:20vh;left:0;position:absolute;top:0;width:100%}.new dd{padding-bottom:1rem}.new dt span{border:1px solid #777;border-radius:2px;display:inline-block;line-height:1.8;padding:0 1rem;text-align:center}.new .icon-bg1{background:#cd0000;border-color:transparent;color:#fff}.new .icon-bg2{background:var(--primary-color);border-color:transparent;color:var(--primary-inverse-color)}.fade-in-text{visibility:hidden}.char{animation:fadeIn .2s linear both;display:inline-block;opacity:0}#manual{background-image:none}.manual{padding:5rem}.manual h2,.manual h3{margin-top:3rem}pre{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.clearfix::after{clear:both;content:"";display:block}.color-check,.color-check a{color:red!important}.l{text-align:left!important}.c{text-align:center!important}.r{text-align:right!important}.ws{display:block;width:95%}.wl{display:block;width:95%}.mb0{margin-bottom:0!important}.mb30{margin-bottom:30px!important}.mb5rem{margin-bottom:5rem!important}.look{background:#eee;border:1px solid #ccc;border-radius:3px;color:#888;display:inline-block;margin:5px 0;padding:0 10px;word-break:break-all}.small{font-size:.75em}.large{font-size:2em;letter-spacing:.1em}.pc{display:none}.dn{display:none!important}.block{display:block!important}.down,.transform1,.transform2,.up{opacity:1;position:relative}.downstyle,.transform1style,.transform2style,.upstyle{opacity:1;transition:1.5s .8s}.up{bottom:-20px}.upstyle{bottom:0}.down{top:-20px}.downstyle{top:0}.transform1{transform:scaleX(0)}.transform1style{transform:scaleX(1)}.transform2{transform:perspective(400px) translateZ(-70px) rotateX(50deg)}.transform2style{transform:perspective(400px) translateZ(0) rotateX(0)}.blur{filter:blur(30px);opacity:0;transform:scale(1.1)}.blurstyle{filter:blur(0);opacity:1;transform:scale(1);transition:1s .5s}.transform3{transform:scale(0)}.transform3style{animation:transform3 .3s ease-out .5s both}#mainimg{height:100%;overflow:hidden;position:relative;width:100vw;z-index:-1}#mainimg video{height:100%;left:0;position:absolute;top:0;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;opacity:0;transition:opacity .5s ease;will-change:opacity;z-index:0}#mainimg video.active{opacity:1;z-index:1}.img-service{max-height:150px;max-width:200px;width:100%}.logo{color:#fff;font-family:"Gill Sans",sans-serif;font-style:italic}.service{color:#434d9d!important}.title{display:block}.btn-box{padding-bottom:0!important;padding-top:0!important}.footer-logo{color:#fff;font-family:"Gill Sans",sans-serif;font-size:32px!important;font-style:italic;font-weight:700!important}.sub-header{background-color:#3444bf;position:relative}.creation-inquiry{padding-bottom:15rem}.fv-adjust{max-height:100%;width:100%}.portfolio{display:flex;width:100%}.portfolio-img{max-width:100%}.portfolio-adjust{margin-bottom:50px}.estimate td:first-child,.estimate th:first-child{width:25%}.estimate td:not(:first-child),.estimate th:not(:first-child){width:50%}.estimate td:nth-child(2),.estimate th:nth-child(2){width:25%}.estimate-explain{font-size:18px}.bold{font-weight:700}.fkofj{color:#040a3b}body,html{overflow-x:hidden}@media screen and (min-width:600px){.list-yoko-scroll .list{width:28%}}@media screen and (min-width:700px){#footer{display:flex;gap:2rem}#footer div.footer1{text-align:left;width:40%}.new{display:grid;grid-template-columns:auto 1fr}}@media screen and (min-width:800px){.list-grid7{display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:900px){body,html{font-size:16px}header{align-items:center;display:flex;gap:2rem;justify-content:space-between}#header-box{margin-right:30px}.list-half .list{align-items:center;flex-direction:row;justify-content:space-between}.list-half .image-l,.list-half .image-r{width:50%}.list-half .image-r{margin-left:2rem}.list-half .image-l{margin-right:2rem;order:-1}.list-half .text{flex:1}.flow-box{align-items:flex-start;display:flex;gap:5rem}.flow-box .step-num{font-size:5rem;opacity:.15;top:-100px}.flow-box .title{position:sticky;top:0;width:30%}.flow-box .title h3{border-radius:0 100px 100px 0;margin-right:auto}.flow-box .text{flex:1}.btn-box .btn{flex-direction:row}.btn-box .btn li{width:40vw}.ws{display:inline;width:48%}.sh{display:none}.pc{display:block}}@media (max-width:1300px){.fv-adjust{max-height:700px}}@media screen and (max-width:900px){main h2{font-size:2rem}.service-adjust{margin-top:30px}.p-adjust{margin-bottom:15px}}@media (max-width:900px){.sub-logo{margin-bottom:0}.sub-logo{margin-top:0}.portfolio{display:block;margin:0 auto;max-width:85%}}@media (max-width:750px){.portfolio{max-width:100%}}@media (max-width:630px){.estimate-explain{font-size:16px}}@media (max-width:620px){.footer-logo{font-size:20px!important}}@media (max-width:550px){section{padding:2rem}}@media (max-width:530px){.logo{font-size:20px!important}}@media screen and (max-width:500px){#header-box .btn{display:inline-block}#header-box .btn li{margin-bottom:.5rem}}@media (max-width:500px){.btn-box .btn a{font-size:16px}.btn-adjust{display:none!important}}@media (max-width:450px){header{padding:1rem 2rem}#footer{padding:2rem}}@media (max-width:430px){.logo{font-size:20px!important}}@media (max-width:395px){header{padding:1rem}}@media (max-width:380px){.footer-logo{font-size:16px!important}}@keyframes animation1{0%{left:-200px}100%{left:0}}@keyframes opa1{0%{opacity:0}100%{opacity:1}}@keyframes move-wave{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.1) rotate(-30deg)}100%{opacity:1;transform:scale(1) rotate(0)}}@keyframes transform3{0%{transform:scale(0)}50%{transform:scale(1.1)}70%{transform:scale(.99)}100%{transform:scale(1)}}