﻿body{font-family:"Yu Gothic","Yu Gothic UI",sans-serif}.content-box{margin-bottom:60px;padding:40px 5% 50px;background:#fff;border-radius:32px}@media (max-width: 480px){.content-box{padding:40px 10%}}.contact-box{padding:60px 5%;background:#fce570;border:4px solid #404040}@media (max-width: 480px){.contact-box{padding:30px 5%}}.wrapper{width:90%;max-width:960px;margin:-100px auto 0;padding-top:100px}.h1,.h2,.h3,.h4,.h5{font-family:fot-tsukuardgothic-std,   sans-serif;font-weight:400;font-style:normal}.h1{font-size:33px}.h1 span{font-size:23px}.h2{font-size:4.6875vw}@media (max-width: 769px){.h2{font-size:7.80234vw}}@media (max-width: 415px){.h2{font-size:14.45783vw}}.h2 span{font-size:3.125vw}@media (max-width: 769px){.h2 span{font-size:5.20156vw}}@media (max-width: 415px){.h2 span{font-size:9.63855vw}}@media (min-width: 1280px){.h2{font-size:60px}.h2 span{font-size:40px}}.h3{font-size:1.71875vw}@media (max-width: 769px){.h3{font-size:2.86086vw}}@media (max-width: 415px){.h3{font-size:5.3012vw}}@media (min-width: 1280px){.h3{font-size:22px}}.h4{font-size:2.65625vw;text-align:center;font-weight:bold;margin-bottom:60px;line-height:1.4}@media (max-width: 769px){.h4{font-size:4.42133vw}}@media (max-width: 415px){.h4{font-size:8.19277vw}}@media (min-width: 1280px){.h4{font-size:34px}}@media (max-width: 480px){.h4{font-size:2.5rem;line-height:1.2;margin-bottom:40px}}@media (max-width: 320px){.h4{font-size:1.4rem;line-height:1.2}}.h5{font-size:2rem;text-align:center;font-weight:bold;margin-bottom:13px}@media screen and (max-width: 1030px){.h5{font-size:1.9rem}}@media (max-width: 480px){.h5{font-size:1.8rem}}@media (max-width: 320px){.h5{font-size:1.7rem}}.txt{font-weight:500;line-height:1.55;font-size:1.5rem;letter-spacing:0.05em;text-align:justify}@media (max-width: 480px){.txt{font-size:1.6rem}}@media (max-width: 320px){.txt{font-size:13px}}.br-tb{display:none}@media (max-width: 769px){.br-tb{display:block}}.br_sp{display:block}@media (max-width: 480px){.br_sp{display:none}}.br-sp{display:none}@media (max-width: 480px){.br-sp{display:block}}.button{padding:12px 30px;border-radius:24px;background:#fce570;color:#000;transition:0.3s;display:inline-block;font-size:1.6rem}.button:hover{transition:0.3s;background:#FDEFAF;color:#B0A057}.button_secondry{color:#0068b6;font-weight:bold;padding-top:22px;display:inline-block;transition:0.3s}.button_secondry:hover{transition:0.3s;color:#66A4D3}.flex{display:flex}.flex768{display:flex}@media (max-width: 769px){.flex768{display:block}}.flex768-2col-Left{flex:1;padding-right:5%}@media (max-width: 769px){.flex768-2col-Left{padding-right:0;margin-bottom:50px}}.flex768-2col-Right{flex:1;padding-left:5%}@media (max-width: 769px){.flex768-2col-Right{padding-left:0;margin-bottom:50px}}@media (min-width: 768px){a[href^="tel:"]{pointer-events:none}}a{text-decoration:none}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;color:#404040}body{line-height:1;background:#EEEDEA}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;color:#404040;cursor:pointer}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle}h1,h2,h3,h4,h5{clear:both;font-weight:normal;margin-top:0}a,a:focus{outline:none}button,input,input:focus{outline:none}button::-moz-focus-inner,input::-moz-focus-inner{border:none}html{line-height:1.15;-webkit-text-size-adjust:100%;font-size:62.5%}img{width:100%}.sp-menu{display:none}@media screen and (max-width: 1080px){.sp-menu{display:block}}.sp-menu li{font-size:20px}.sp-menu p{text-align:center}.drawer-nav{overflow:auto}.drawer-nav .logo{margin:60px auto 0;width:260px;text-align:center}.drawer-nav .logo a{font-size:30px}.mainmenu{padding:4% 8%;padding-top:120px}.mainmenu ul{padding:4% 12%;margin:0}.mainmenu li{font-family:fot-tsukuardgothic-std,   sans-serif;font-weight:400;font-style:normal;padding:20px 0;position:relative;font-weight:normal;font-size:27px;text-align:center;font-weight:bold}@media (max-width: 480px){.mainmenu li{font-size:24px;padding:5px 0 20px}}.drawer-nav{position:fixed;z-index:2;top:0;overflow:hidden;width:50vw;height:100%;color:#222;background-color:#fff}.drawer--right .drawer-nav{right:-100vw;-webkit-transition:right 0.6s cubic-bezier(0.19, 1, 0.22, 1);transition:right 0.6s cubic-bezier(0.19, 1, 0.22, 1)}.drawer--right .drawer-hamburger,.drawer--right.drawer-open .drawer-nav,.drawer--right.drawer-open .drawer-navbar .drawer-hamburger{right:0}.drawer--right.drawer-open .drawer-hamburger{right:0}.drawer-hamburger{position:fixed;z-index:4;top:0;display:block;box-sizing:content-box;width:4rem;padding:21px 0.75rem 33px;-webkit-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1);transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transform:translateZ(0);transform:translateZ(0);border:0;outline:0;background-color:transparent;padding-right:18px}.drawer-hamburger:hover{cursor:pointer;background-color:transparent}.drawer-hamburger-icon{position:relative;display:block;margin-top:10px}.drawer-hamburger-icon,.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{width:100%;height:2px;-webkit-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1);transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1);background-color:#222}.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{position:absolute;top:-10px;left:0;content:" "}.drawer-hamburger-icon:after{top:10px}.drawer-open .drawer-hamburger-icon{background-color:transparent}.drawer-open .drawer-hamburger-icon:after,.drawer-open .drawer-hamburger-icon:before{top:0}.drawer-open .drawer-hamburger-icon:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.drawer-open .drawer-hamburger-icon:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.drawer-open .drawer-overlay{display:block}.drawer-overlay{position:fixed;z-index:1;top:0;left:0;display:none;width:100%;height:100%;background-color:#eee;opacity:0.5}.sr-only{position:absolute;overflow:hidden;clip:rect(0, 0, 0, 0);width:1px;height:1px;margin:-1px;padding:0;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;overflow:visible;clip:auto;width:auto;height:auto;margin:0}.header{font-family:fot-tsukuardgothic-std,   sans-serif;font-weight:400;font-style:normal;display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:70px;width:100vw;position:fixed;z-index:99;background:#fff}@media (max-width: 480px){.header{height:65px}}.header .img-wrap{width:80px;margin-left:34%}@media screen and (max-width: 1080px){.header .img-wrap{width:60px;margin-left:5%}}@media (max-width: 480px){.header .img-wrap{margin-left:3%}}.header .ttl{display:flex;flex-direction:column;justify-content:center;font-weight:bold;font-size:24px;line-height:1.2;width:300px;margin-left:3%}.header .ttl span{display:block;font-size:15px;margin-left:3px}.header-nav{font-size:1.6rem;line-height:1.3;letter-spacing:2.02px;color:#444444;margin-right:8%;font-weight:bold}.header-nav .wrap{display:flex;flex-direction:row}.header-nav .wrap li{margin-left:10px}.header-nav .wrap li a{display:inline-block;padding:10px}.header-nav .wrap .button{margin-left:20px;padding:10px 30px !important}@media screen and (max-width: 1080px){.header-nav{display:none}}.header .sp-menu .button{font-size:2.2rem}.main-top{display:flex;justify-content:space-around;align-items:center;background:#FCE566;padding:0 10%;margin-bottom:60px;height:91vh;position:relative}.main-top .left{width:45%;font-family:fot-tsukuardgothic-std,   sans-serif;font-weight:400;font-style:normal}.main-top .left .sub-title{font-size:1.6rem;margin-bottom:1.5rem}.main-top .left .h2{margin-bottom:0.6em;font-weight:bold;line-height:1.1}.main-top .left .h2 span{display:block;margin-left:5px;margin-bottom:7px}.main-top .left .h3{font-size:2.5rem;line-height:1.55;letter-spacing:1.5px;font-weight:bold;margin-bottom:15px}.main-top .left .txt{font-size:1.6rem;line-height:1.8;letter-spacing:0.05em;text-align:justify;font-family:"Yu Gothic","Yu Gothic UI",sans-serif}.main-top a{position:absolute;bottom:3%;display:inline-block;color:#fff;letter-spacing:.1em;font-size:1.7rem}.main-top a span{position:absolute;bottom:30px;left:50%;width:24px;height:24px;margin-left:-12px;border-left:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);box-sizing:border-box}.main-top .right{width:40%;max-width:640px}.main-top .right .h3{display:none}.main-top .right .txt{display:none}@media screen and (min-width: 1700px){.main-top{padding:0 21%}}@media screen and (max-width: 1200px){.main-top{padding:0 5%}}@media screen and (max-width: 980px){.main-top{flex-direction:column;padding:120px 10% 120px;height:auto}.main-top .left{width:auto}.main-top .left .sub-title{text-align:center}.main-top .left .h2{text-align:center;margin-bottom:20px;font-size:6rem}.main-top .left .h2 span{font-size:3.5rem}.main-top .left .h3{display:none}.main-top .left .txt{padding:0 14%;display:none}.main-top .right{width:100%}.main-top .right .img_wrap{width:75%;margin:0 auto}.main-top .right .h3{display:block;font-size:2.2rem;line-height:1.55;letter-spacing:1.5px;font-weight:bold;margin-bottom:15px;padding-top:21px}.main-top .right .txt{display:block;font-size:1.6rem;line-height:1.8;letter-spacing:0.05em;font-weight:bold;text-align:justify;font-family:"Yu Gothic","Yu Gothic UI",sans-serif;font-weight:normal}}@media (max-width: 480px){.main-top{padding:90px 8% 95px}.main-top .left{margin-bottom:10px}.main-top .left .h2{font-size:4.1rem;margin-bottom:0}.main-top .left .h2 span{font-size:3rem}.main-top .right{width:97%}.main-top .right .h3{display:block;font-size:2.2rem;line-height:1.55;letter-spacing:1.5px;font-weight:bold;margin-bottom:15px;padding-top:21px}.main-top .right .txt{font-size:1.6rem;line-height:1.8;letter-spacing:0.05em;text-align:justify;display:block}}@media (max-width: 320px){.main-top .left .h2{font-size:3.4rem}.main-top .right .h3{font-size:1.8rem}.main-top .right .txt{font-size:1.4rem}}.trouble_voice{display:flex;justify-content:center;align-items:flex-end;margin-bottom:35px}.trouble_voice ul{line-height:1.78;font-size:16px;font-weight:500}.trouble_voice .people{width:14.5%;margin-left:6%}.trouble_q{max-width:690px;margin:0 auto;line-height:1.7}@media (max-width: 769px){.trouble_voice .people{margin-left:10%}}.trouble .balloon{position:relative;padding:20px;background-color:#fff;border:2px solid #000;max-width:400px;border-radius:30px;display:flex;align-items:center;justify-content:center}.trouble .balloon::before{content:'';position:absolute;display:block;width:0;height:0;right:-51px;top:50px;border-left:50px solid #000;border-top:15px solid transparent;border-bottom:15px solid transparent}.trouble .balloon::after{content:'';position:absolute;display:block;width:0;height:0;right:-44px;top:50px;border-left:50px solid #fff;border-top:15px solid transparent;border-bottom:15px solid transparent}@media (max-width: 480px){.trouble .h4{font-size:2.2rem}.trouble_voice{align-items:flex-end}.trouble_voice ul{font-size:13px}.trouble_voice .people{margin-left:5px;width:42.5%}.trouble_voice .balloon{border-radius:30px;padding:14px}.trouble_voice .balloon::before{right:-23px;top:50px;border-left:21px solid #000;border-top:8px solid transparent;border-bottom:8px solid transparent}.trouble_voice .balloon::after{right:-19px;top:50px;border-left:21px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent}}@media screen and (max-width: 380px){.trouble_voice .people{width:32.5%}.trouble_voice .balloon{border-radius:30px;padding:9px}}.merit .h5{font-family:"Yu Gothic","Yu Gothic UI",sans-serif}.merit_primary{justify-content:center;margin-bottom:100px}.merit_primary .flex768-2col-Left{padding-right:4%;padding-left:10%}.merit_primary .flex768-2col-Right{padding-left:4%;padding-right:10%}.merit_primary .img_wrap{width:70px;margin:0 auto 30px}.merit_secondry{justify-content:center}.merit_secondry .content{padding:0 2%;width:25%}.merit_secondry .img_wrap{width:60px;margin:0 auto 30px}@media (max-width: 769px){.merit .flex768-2col-Left{margin-bottom:40px;padding:0 19%}.merit .flex768-2col-Right{margin-bottom:0;padding:0 19%}.merit_secondry{flex-wrap:wrap}.merit_secondry .content{width:40%;margin-bottom:5%}.merit_secondry .flex{flex-direction:column;align-items:center}}@media (max-width: 480px){.merit .flex{flex-direction:column;align-items:center}.merit .flex768-2col-Left,.merit .flex768-2col-Right{padding:0 10%}.merit_primary{margin-bottom:50px}.merit_primary .content{padding:0 10%;margin-bottom:60px;width:80%}.merit_primary .img_wrap{margin-bottom:20px}.merit_secondry .content{padding:0 10%;margin-bottom:50px;width:80%}.merit_secondry .img_wrap{margin-bottom:20px}}.demo .img-wrap-pc{max-width:420px;width:100%;margin-right:15px}.demo .img-wrap-tb{max-width:190px;width:100%;margin-right:15px}.demo .img-wrap-sp{max-width:95px;margin-right:15px}.demo .flex768{justify-content:center;align-items:flex-end;margin-bottom:70px}.demo .flex{align-items:flex-end}.demo ul{text-align:center}.demo ul li{margin-bottom:20px}@media (max-width: 769px){.demo .img-wrap-pc{margin:0 auto 30px}.demo .img-wrap-tb{margin-right:55px}.demo .flex{justify-content:center}}@media (max-width: 480px){.demo .img-wrap-tb{margin-right:10px;width:80%}.demo .img-wrap-sp{margin-right:0}}.price table{margin:0 auto}.price tbody{border:1px solid #BBBBBB}.price table{width:100%;margin-bottom:20px}.price .price{display:grid;padding:2rem 0;text-align:center}.price .cost_name{margin-bottom:18px;font-size:1.17188vw}@media (max-width: 769px){.price .cost_name{font-size:1.95059vw}}@media (max-width: 415px){.price .cost_name{font-size:3.61446vw}}@media (min-width: 1280px){.price .cost_name{font-size:15px}}.price .cost_detail{font-size:3.125vw;font-weight:bold}@media (max-width: 769px){.price .cost_detail{font-size:5.20156vw}}@media (max-width: 415px){.price .cost_detail{font-size:9.63855vw}}@media (min-width: 1280px){.price .cost_detail{font-size:40px}}@media (max-width: 480px){.price .cost_detail{font-size:31px}}.price .cost_detail::after{content:'+税';font-size:1.7rem;font-weight:normal;margin-left:10px}@media (max-width: 480px){.price .cost_detail::after{font-size:1.2rem;margin-left:5px}}.price .maintenance .cost_detail::after{content:'/月';font-size:1.7rem;font-weight:normal;margin-left:10px}@media (max-width: 480px){.price .maintenance .cost_detail::after{font-size:1.2rem;margin-left:5px}}.price .item{display:grid;padding:1rem 3%;font-size:1.2rem;text-align:center;border-top:1px solid #BBBBBB;line-height:1.6}@media (max-width: 480px){.price .item{text-align:justify}}.order .content-box{padding:40px 5%}.order .flex{align-items:center;justify-content:center}.order .img_wrap{margin-right:60px;width:50%}.order .description{width:31%;text-align:justify}.order .description .name{font-size:1.875vw;font-weight:bold;margin-bottom:20px}@media (max-width: 769px){.order .description .name{font-size:3.12094vw}}@media (max-width: 415px){.order .description .name{font-size:5.78313vw}}@media (min-width: 1280px){.order .description .name{font-size:24px}}.order .description_content{margin-bottom:25px}.order .description_content .txt{margin-bottom:10px;line-height:1.8;letter-spacing:0.02em}@media (max-width: 769px){.order .flex{flex-direction:column}.order .img_wrap{width:90%;margin-right:0}.order .description{width:80%}}@media (max-width: 480px){.order .img_wrap{margin-bottom:20px}.order .description .name{text-align:center;margin-bottom:15px}.order .description .button{text-align:center;display:inherit}.order .description .txt{letter-spacing:0.02em}}.contact{margin-bottom:60px;padding-top:50px}.contact .h4{padding-top:50px;margin-bottom:50px}.contact .flex768-2col-Left{margin-right:5%;text-align:center}.contact .flex768-2col-Right{margin-left:5%;text-align:center}.contact .item{font-family:fot-tsukuardgothic-std,   sans-serif;font-weight:400;font-style:normal;font-size:2rem;font-weight:bold;margin-bottom:20px}.contact .means{font-family:fot-tsukuardgothic-std,   sans-serif;font-weight:400;font-style:normal;font-size:3.125vw;font-weight:bold;margin-bottom:12px;display:block;transition:0.3s}@media (max-width: 769px){.contact .means{font-size:5.20156vw}}@media (max-width: 415px){.contact .means{font-size:9.63855vw}}@media (min-width: 1280px){.contact .means{font-size:30px}}.contact .means:hover{color:#8B7F45;transition:0.3s}.contact .attention{font-size:1.3rem}@media (max-width: 769px){.contact .means{font-size:32px}.contact .flex768-2col-Left{margin-right:2%;padding-left:2px;padding-right:2px}.contact .flex768-2col-Right{margin-left:2%;padding-left:2%;padding-right:2%}}@media (max-width: 480px){.contact{margin-bottom:5px}.contact .h4{margin-bottom:30px}.contact .flex{flex-direction:column}.contact .flex768-2col-Left{margin-right:0;margin-bottom:20px}.contact .flex768-2col-Right{margin-left:0}}@media (max-width: 320px){.contact .means{font-size:29px}}.pagetop{display:none;position:fixed;bottom:1%;right:10px;z-index:10}.pagetop a:before{content:'▲';display:block;text-align:center;padding:4px 10px;background-color:#404040;color:#fff;font-size:2rem;line-height:initial}.pagetop a:hover{display:block;text-align:center}.footer{padding:50px 0;background:#404040}.footer .img_wrap{width:7%}.footer .wrapper_l{width:90%;max-width:960px;margin:0 auto;justify-content:center}.footer .left{margin-right:80px}.footer .left a{color:#fff;font-size:1.1rem;display:inline-block;letter-spacing:0.2em;line-height:2.4}.footer .company{color:#fff;font-size:1.1rem;line-height:2.4;margin-bottom:5px;letter-spacing:0.2em}.footer .txt{max-width:530px;line-height:2.4;font-size:1.1rem;color:#fff;letter-spacing:0.15em}@media screen and (max-width: 900px){.footer .left{margin-right:30px}.footer .txt{max-width:450px}}@media (max-width: 480px){.footer .flex{flex-direction:column}.footer a{line-height:2}.footer .company{line-height:2;margin-bottom:20px}.footer .txt{line-height:2}}
