@charset "UTF-8";#container{background:#fff8e2}#titlewrap{background:#febd16;padding-top:15px;width:100%}#titlewrap>div#titlebox{width:calc(100% - 40px);height:100%;min-height:100%;margin:0 auto}#titlewrap h1{height:100%;font-size:20px;color:#000;line-height:1.5em;text-align:left;letter-spacing:0em}#main .navi{width:100%;background:#febd16;font-size:13px}#main .navi>div{width:calc(100% - 40px);margin:0 auto;line-height:1.2em;padding:1em}#main .navi>div a{color:#e80e0e}#main .navi>div a:hover{color:#f66}#main .navi>div a .svg-inline--fa{margin-right:.3em;position:relative;top:-.1em}#main .navi>div>.svg-inline--fa{margin:0 1em}#main .navi div span{color:#000;line-height:1.5}#container #contents{width:100%;padding-top:20px}#container #contents section{width:100%}#container #contents .bgclrWH{background:#fff;width:100%}#container #contents .wrapper_w920{width:920px;margin:0 auto}#container #contents .wrapper_w800{width:800px;margin:0 auto}#container #contents h2{color:#000;font-size:27px;text-align:center;font-weight:700;padding-top:10px}#container .paracanvas #contents h3{color:#000;font-size:25px;font-weight:700;margin:60px auto 0;display:flex;align-items:center}#container .paracanvas #contents h3:before{content:"";border-top:2px #333 solid;flex-grow:1;margin-right:1em}#container .paracanvas #contents h3:after{content:"";border-top:2px #333 solid;flex-grow:1;margin-left:1em}#container .case #contents h3,#container .merit #contents h3,#container .voice #contents h3{color:#042a5d}#container .case #contents h3:before,#container .merit #contents h3:before,#container .voice #contents h3:before{content:none}#container .case #contents h3:after,#container .merit #contents h3:after,#container .voice #contents h3:after{content:none}#container #contents h4{font-size:21px;font-weight:700;color:#042a5d;text-align:center;margin-top:20px;margin-bottom:30px}#container #contents h5{color:#000;font-size:16px;font-weight:700;width:fit-content;margin:30px auto 15px;padding-bottom:5px}#container #contents p{font-size:16px;font-weight:700;text-align:center}#container #contents img{box-sizing:border-box}#container #contents ul li{line-height:1.5}#container #contents a:link,#container #contents a:visited{color:#0d32c9}.fcLGY{color:#9d9d9d}.fcGY{color:#333}.fcNV{color:#042a5d}.fcYW{color:#febd16}.fcAQ{color:#333}.fs18{font-size:18px}.fs16{font-size:16px}.alignL{text-align:left}.pcNon{display:none}.spNon{display:inline-block}#container #contents #intro p.award{color:#000}#container #contents #intro p.award:before{content:"";background:url(/wp/wp-content/uploads/2024/06/diagonal_l.png);background-repeat:no-repeat;width:22px;height:32px;display:inline-block;position:relative;top:10px;right:10px}#container #contents #intro p.award:after{content:"";background:url(/wp/wp-content/uploads/2024/06/diagonal_r.png);background-repeat:no-repeat;width:22px;height:32px;display:inline-block;position:relative;top:10px;left:10px}#container #contents #intro p.logo_paracanvas{text-align:center}#container #contents #intro img{vertical-align:middle}#container #contents p.phrase{color:#042a5d;font-size:19px;font-weight:700;text-align:center;margin-top:20px}#container #contents #intro div:nth-of-type(2){margin-top:50px;padding-top:10px;padding-bottom:40px}#container #contents #intro nav{border-bottom:1px #333 dotted;padding-bottom:40px;margin-bottom:50px}#container #contents .menu-row{display:inline-flex;justify-content:space-around;width:100%;margin-top:40px}#container #contents .menu-row .menulink{transition:.2s}#container #contents .menu-row .menulink.translateX:hover{transform:translateX(5px);font-weight:600}#container #contents .menu-row .menulink.translateY:hover{transform:translateY(5px);font-weight:600}#container #contents .menu-row .menulink a{font-size:15px}#container #contents .menu-row .menulink a:hover{text-decoration:none}#container #contents .menu-row .menulink a:hover span{color:#333}#container #contents #intro .slides{margin-top:20px;margin-bottom:50px}#container #contents #intro .slides img{box-shadow:#000 20px 20px 0px 0px}#container #contents #intro .sdgs{margin-top:35px}#container #contents #intro .sdgs p{font-size:14px}#container #contents #economiccircle .circleImg{margin-top:50px}#container #contents #economiccircle div:nth-of-type(2){margin-top:60px;padding-top:50px;padding-bottom:30px}#container #contents #economiccircle dl{line-height:2em;width:100%}#container #contents #economiccircle dl dt{color:#042a5d;font-size:16px;font-weight:700;padding-top:30px}#container #contents #economiccircle dl dt a{border:1px #333 solid;padding:10px}#container #contents #economiccircle dl dd{font-size:16px;font-weight:700;line-height:2em;margin-top:20px}#container #contents #economiccircle dl a:link,#container #contents #economiccircle dl a:visited{color:#0d32c9}#container #contents #economiccircle dl p.bunkachou{font-size:14px;font-weight:400;text-align:left;margin-top:10px}#container #contents #economiccircle h5{width:800px;margin:60px auto 0}#container #contents #economiccircle p.comment{background:#f2f2f2;text-align:left;font-size:14px;line-height:2em;width:800px;margin:10px auto 0;padding:30px 40px}#container #contents #economiccircle p.comment:before{content:"“";display:block;color:#53b6e1;opacity:.6;font-size:80px;width:0;height:0;position:relative;top:23px;left:-65px}#container #contents #economiccircle .comment:after{content:"”";display:block;color:#53b6e1;opacity:.6;font-size:80px;width:0;height:0;position:relative;bottom:20px;right:-820px}#container #contents #economiccircle img{vertical-align:baseline;padding-left:3px;padding-right:3px}#container #contents #deliverycontent p:first-of-type{margin-top:50px}#container #contents #deliverycontent div:nth-of-type(2){margin-top:30px}#container #contents #deliverycontent .metaslider{padding:20px 0}#container #contents #deliverycontent .note{margin-top:40px;padding-bottom:20px}#container #contents #reason .reasonBox{margin:50px 0 60px}#container #contents #reason .reasonBox p:nth-of-type(2){writing-mode:vertical-rl;position:relative;left:48%}#container #contents #reason .reasonBox .marker{background:-webkit-linear-gradient(transparent 40%,#febd16 100%);background:-o-linear-gradient(transparent 40%,#febd16 100%);background:linear-gradient(transparent 40%,#febd16 100%);font-size:38px;font-weight:700}#container #contents #deliverycontent .note{margin-top:40px;padding-bottom:20px}#container #contents #deliveryplan h3{padding-top:60px}#container #contents #deliveryplan .plan-row{display:flex;justify-content:space-between;text-align:center;margin-bottom:30px;margin-top:60px}#container #contents #deliveryplan .plan-row .plan{border:1px #333 dashed;border-radius:20px;padding:0 10px 10px}#container #contents #deliveryplan .plan-row .plan:not(:first-of-type){margin-left:20px}#container #contents #deliveryplan .plan-row .plan figcaption{color:#53b6e1;font-size:30px;font-style:italic;font-weight:700;width:5em;margin:0 auto 10px;padding:20px}#container #contents #deliveryplan .option{text-align:center;font-size:16px;padding-bottom:60px}#container #contents #deliveryplan .option li span{font-size:20px;vertical-align:bottom}#container #contents #deliveryplan .whydigitalcanvas{margin:60px auto 0}#container #contents #deliveryplan h5{border-bottom:3px #febd16 solid}#container #contents #deliveryplan .whydigitalcanvas p{font-size:14px}#container #contents #deliveryplan .whydigitalcanvas div{text-align:center;margin-top:30px;padding-bottom:20px}section#case{margin:50px auto 30px}#container #contents #case{background:no-repeat url(/wp/wp-content/uploads/2024/06/machi_circle.png) top 20% left 50% fixed}#container #contents section#case .contentBox{background:#fff;box-shadow:#000 10px 10px 0px 0;border-radius:20px;box-sizing:border-box;display:flex;justify-content:space-between;width:920px;padding:30px;margin-top:40px}#container #contents section#case .contentBox div:first-of-type{width:50%}#container #contents section#case .contentBox div:first-of-type img{width:100%}#container #contents section#case .contentBox div:last-of-type{width:47%}#container #contents section#case .contentBox div:last-of-type p{font-size:14px;font-weight:400;text-align:left;margin-top:10px}#container #contents section#case .contentBox div:last-of-type img{vertical-align:middle}#container #contents section#case .contentBox div.comingsoon{width:100%}#container #contents section#case .contentBox div:last-of-type ul li{font-size:14px}#container #contents section#case .contentBox h3{color:#042a5d;font-size:16px}#container #contents section#case .contentBox h3 span{font-size:14px}#container #contents section#case .contentBox .link a:hover{color:#3d62fa}section#merit{margin:50px auto 30px}#container #contents #merit{background:no-repeat url(/wp/wp-content/uploads/2024/06/people_circle.png) top 45% left 50% fixed}#container #contents section#merit .contentBox{background:#fff;box-shadow:#000 10px 10px 0px 0;border-radius:20px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;width:920px;height:242px;padding:30px 30px 15px 0;margin-top:50px}#container #contents section#merit .contentBox:before{content:"";background-size:contain;width:125px;height:150px;position:relative;top:0;left:22%}#container #contents section#merit .contentBox:first-of-type:before{background:no-repeat url(/wp/wp-content/uploads/2024/06/no1.png)}#container #contents section#merit .contentBox:nth-of-type(2):before{background:no-repeat url(/wp/wp-content/uploads/2024/06/no2.png)}#container #contents section#merit .contentBox:nth-of-type(3):before{background:no-repeat url(/wp/wp-content/uploads/2024/06/no3.png)}#container #contents section#merit .contentBox:nth-of-type(4):before{background:no-repeat url(/wp/wp-content/uploads/2024/06/no4.png)}#container #contents section#merit .contentBox:nth-of-type(5):before{background:no-repeat url(/wp/wp-content/uploads/2024/06/no5.png)}#container #contents section#merit .contentBox:nth-of-type(6):before{background:no-repeat url(/wp/wp-content/uploads/2024/06/no6.png)}#container #contents section#merit .contentBox:last-of-type:before{background:no-repeat url(/wp/wp-content/uploads/2024/06/no7.png)}#container #contents section#merit .contentBox div:first-of-type{width:52%;z-index:1;margin-left:-70px}#container #contents section#merit .contentBox h3{color:#000;font-size:18px;text-align:center}#container #contents section#merit .contentBox div:last-of-type{width:48%;margin-left:40px}#container #contents section#merit .contentBox div:last-of-type p.whatisit{text-align:center}#container #contents section#merit .contentBox div:last-of-type p.whatisit img{width:70%}#container #contents section#merit .contentBox div:last-of-type p{font-size:14px;font-weight:400;text-align:left}section#voice{margin:50px auto 30px}#container #contents section#voice .contentBox{background:#fff;box-shadow:#000 10px 10px 0px 0;border-radius:20px;box-sizing:border-box;display:flex;justify-content:space-between;width:920px;padding:30px;margin-top:40px}#container #contents section#voice .contentBox div:first-of-type{width:46%}#container #contents section#voice .contentBox div:first-of-type img{width:100%}#container #contents section#voice .contentBox div:last-of-type{width:50%}#container #contents section#voice .contentBox h3{color:#333;font-size:16px;border-bottom:1px #333 dotted;padding-bottom:5px}#container #contents section#voice .contentBox p{font-size:13px;font-weight:400;text-align:left;margin-top:10px}#container #contents section#voice .contentBox p span.summary{color:#042a5d;font-size:14px;font-weight:700}#foot #gomain{background:#fff8e2;padding:40px 0 30px}#foot #gomain span{display:block;font-size:16px;line-height:1em;font-weight:600;letter-spacing:.2em;width:7em;margin:0 auto}#foot #gomain span a{color:#333;cursor:pointer}#foot #gomain span a:hover{text-decoration:none}#foot #gomain span a img{margin:0 auto .2em;transition:.2s}#foot #gomain span:hover a img{transform:rotate(-70deg)}@media screen and (max-width:1000px){#container #contents .wrapper_w920{width:100%}#container #contents .wrapper_w800{width:100%}#container .paracanvas #contents h2,#container .paracanvas #contents h3,#container .paracanvas #contents h4,#container .paracanvas #contents h5,#container .paracanvas #contents p,#container .paracanvas #contents dl{padding-left:30px;padding-right:30px}#container #contents ul.note{padding-left:30px;padding-right:30px}#container #contents #intro .slides{margin-bottom:30px}#container #contents #intro .slides img{box-shadow:none}#container #contents #intro div:nth-of-type(2){margin-top:40px}#container #contents #intro nav{width:90%;margin:0 auto 40px}#container #contents #economiccircle div:nth-of-type(2){padding-top:40px}#container #contents #economiccircle h5{width:auto}#container #contents #economiccircle .circleImg{padding-left:30px;padding-right:30px}#container #contents #economiccircle dl p.bunkachou{padding-left:0;padding-right:0}#container #contents #economiccircle dl{width:auto}#container #contents #economiccircle p.comment{width:auto;margin:20px auto 0}#container #contents #economiccircle p.comment:before{top:-27px;left:-15px}#container #contents #economiccircle p.comment:after{content:none}#container #contents #deliveryplan .plan-row{padding-left:30px;padding-right:30px}}@media screen and (max-width:768px){#container #contents{overflow:hidden}#container #contents h4{font-size:20px}#container #contents #intro nav{width:95%}}@media screen and (max-width:640px){#titlewrap{box-sizing:border-box;width:100%;padding:10px 10px 0}#titlewrap>div#titlebox{width:100%}#main .navi{font-size:12px;box-sizing:border-box;padding:10px}#main .navi>div{line-height:1.7em;width:100%;padding:0}#foot #gomain span{line-height:1.2em;width:6em}#container #contents h2{font-size:20px;width:100%;box-sizing:border-box;padding-left:20px;padding-right:20px;margin-top:20px;margin-bottom:15px}#container #contents h4{font-size:16px;line-height:2;width:100%;box-sizing:border-box;margin-top:10px;margin-bottom:0}#container #contents p{font-size:14px;text-align:left;width:100%;box-sizing:border-box;padding-left:20px;padding-right:20px}#container #contents ul li{font-size:12px;line-height:1.7}#container #contents ul.note{box-sizing:border-box;padding-left:20px;padding-right:20px}#container #contents ul.note li{text-indent:-1em;padding-left:1em}.pcNon{display:inline-block}.spNon{display:none}.note{margin-top:30px}#container .paracanvas #contents h3{font-size:20px;text-align:center;display:block;width:100%;box-sizing:border-box;padding-left:20px;padding-right:20px;margin:40px auto 0}#container .paracanvas #contents h3:before{content:none}#container .paracanvas #contents h3:after{content:none}#container #contents #intro p.award{font-size:13px;text-align:center;margin-top:-10px;padding-left:0;padding-right:0}#container #contents #intro p.award:before{top:13px;right:0;scale:50%}#container #contents #intro p.award:after{top:13px;left:0;scale:50%}#container #contents p.phrase{font-size:16px;margin-top:0}#container #contents #intro div:nth-of-type(2){margin-top:30px;padding-top:0;padding-bottom:30px}#container #contents #intro nav{border-bottom:none;margin-bottom:30px;padding-top:5px;padding-bottom:10px}#container #contents .menu-row{display:block;width:80%;margin:20px auto}#container #contents .menu-row .menulink{text-align:center;line-height:3.8em;border-bottom:1px #333 dotted}#container #contents .menu-row .menulink a{font-size:14px}#container #contents #intro .slides{margin-bottom:0}#container #contents #intro .sdgs{width:80%;margin:30px auto 0}#container #contents #intro .sdgs p{font-size:13px;text-align:center;line-height:1.8}#container #contents #economiccircle .circleImg{margin-top:30px;padding-left:20px;padding-right:20px}#container #contents #economiccircle div:nth-of-type(2){margin-top:40px;padding-top:40px;padding-bottom:20px}#container #contents #economiccircle dl{width:100%;box-sizing:border-box;padding-left:20px;padding-right:20px}#container #contents #economiccircle dl dt{font-size:14px;text-align:center;padding-top:20px}#container #contents #economiccircle dl dd{font-size:14px}#container #contents #economiccircle dl p.bunkachou{padding-left:0}#container #contents #economiccircle h5{width:fit-content;font-size:14px;margin:40px auto 0}#container #contents #economiccircle p.comment{font-size:13px;width:100%;padding:30px 20px}#container #contents #economiccircle p.comment:before{top:-27px;left:-5px}#container #contents #deliverycontent p:first-of-type{margin-top:30px}#container #contents #deliverycontent div:nth-of-type(2){margin-top:20px}#container #contents #deliverycontent .note{margin-top:40px;padding-bottom:20px}#container #contents #reason .reasonBox{width:90%;padding:10px 0 10px;margin:20px auto 0}#container #contents #reason .reasonBox p{text-align:center}#container #contents #reason .reasonBox p:nth-of-type(2){writing-mode:vertical-rl;position:relative;left:-42%}#container #contents #reason .reasonBox .marker{font-size:30px}#container #contents #reason .note{margin-top:30px;padding-bottom:20px}#container .paracanvas #contents #deliveryplan h3{padding-top:40px;margin:20px auto 0}#container #contents #deliveryplan .plan-row{display:block;padding-left:30px;padding-right:30px;margin-top:0}#container #contents #deliveryplan .plan-row .plan{width:100%;border-radius:15px;box-sizing:border-box;margin:30px auto 0;padding:0 0 10px 10px}#container #contents #deliveryplan .plan-row .plan:not(:first-of-type){margin-left:0}#container #contents #deliveryplan .plan-row .plan figcaption{margin:0 auto 10px}#container #contents #deliveryplan .plan-row .plan img{width:50%}#container #contents #deliveryplan .option{padding-bottom:40px}#container #contents #deliveryplan ul.option li{font-size:14px}#container #contents #deliveryplan .whydigitalcanvas{margin:40px auto 0}#container #contents #deliveryplan .whydigitalcanvas img{width:60%}#container .case #contents{padding-top:0}#container .case #contents section#case{background:repeat-y url(/wp/wp-content/uploads/2024/06/machi_circle.png) top 40% left 50% fixed;background-size:contain;margin:0 auto 10px;padding-top:10px}#container #contents section#case .contentBox{box-shadow:none;display:block;border-radius:0;width:100%;margin-top:40px}#container #contents section#case .contentBox:first-of-type{margin-top:20px}#container #contents section#case .contentBox:not(:last-of-type){padding:30px 20px 10px}#container #contents section#case .contentBox div:first-of-type,#container #contents section#case .contentBox div:last-of-type{width:100%}#container #contents section#case .contentBox h3{text-align:center;padding-left:0;padding-right:0;margin-top:15px}#container #contents section#case .contentBox p{padding-left:0;padding-right:0}#container #contents section#case .contentBox ul li{text-indent:-1em;padding-left:1em}#container .merit #contents{padding-top:0}#container .merit #contents section#merit{background:repeat-y url(/wp/wp-content/uploads/2024/06/people_circle.png) top 65% left 50% fixed;background-size:contain;margin:0 auto 10px;padding-top:10px}#container #contents section#merit .contentBox{box-shadow:none;display:block;width:100%;height:auto;border-radius:0;padding:10px;margin-top:40px}#container #contents section#merit .contentBox:first-of-type{margin-top:20px}#container #contents section#merit .contentBox:before{width:110px;height:140px;display:block;top:-50px;left:0}#container #contents section#merit .contentBox div:first-of-type,#container #contents section#merit .contentBox div:last-of-type{width:100%;margin-left:0}#container #contents section#merit .contentBox h3{line-height:1.5;margin-top:-120px}#container #contents section#merit .contentBox p{margin-top:10px}#container #contents section#merit .contentBox div:last-of-type p.whatisit img{width:80%}#container .voice #contents{padding-top:0}#container #contents section#voice{margin:0 auto 10px;padding-top:10px}#container .voice #contents section#voice h3{text-align:center;margin:20px auto 0}#container #contents section#voice .contentBox{box-shadow:none;display:block;width:100%;border-radius:0;padding:20px 20px 10px;margin-top:20px}#container #contents .menu-row{margin:20px auto 10px}#container #contents section#voice .contentBox div:first-of-type{width:100%}#container #contents section#voice .contentBox div:last-of-type{width:100%}#container #contents section#voice .contentBox p{padding-right:0;padding-left:0}}@media screen and (max-width:480px){#container #contents h2{font-size:19px}#container #contents h3{font-size:18px;line-height:1.6em}#container #contents h4{font-size:16px;line-height:1.8em}#container .paracanvas #contents h2,#container .paracanvas #contents h3,#container .paracanvas #contents h4,#container .paracanvas #contents h5,#container .paracanvas #contents p,#container .paracanvas #contents dl{padding-left:15px;padding-right:15px}#container #contents p.phrase{font-size:16px;line-height:1.8em}#container #contents ul.note{padding-left:15px;padding-right:15px}#container #contents #intro p.award{font-size:10px}#container #contents #intro nav{margin-bottom:20px}#container #contents #economiccircle dl{padding-left:15px;padding-right:15px}#container #contents #deliveryplan .plan-row{padding-left:15px;padding-right:15px}}