@media screen and (max-width: 1280px){#hero #heroBox h2 .textUp{font-size:2.3rem}#hero #heroBox h2 p{font-size:3.4rem}#hero #heroBox #heroWrap p{font-size:4.5rem}#hero #heroBox #heroWrap #heroText #textImage{width:60%}#hero #heroBox #heroWrap #heroText #figureFlex{max-width:30%}#hero #heroBox #heroWrap #heroText #figureFlex figure:nth-child(1){max-width:40%}#trouble{margin:0 15px 30px}#trouble #troubleList li p.exposition{font-size:2.8rem}#trouble #troubleList::before{top:75%;width:80px}#trouble #troubleList::after{top:75%;width:80px}#frogRanger{margin:0 15px 30px}#comparison{margin:0 15px 30px}.call{margin:0 15px 30px}#profile{margin:0 15px 30px}#promise{margin:0 15px 30px}#faq{margin:0 15px 30px}#performance{margin:0 15px 30px}#contact{margin:0 15px 30px}}@media screen and (max-width: 896px){h3.w100 p{max-width:initial;min-height:initial;width:100%;height:154px;background:url(../img/h3_ribbon.png) no-repeat center top;background-size:100% 100%}h3.w100 .ribbonL,h3.w100 .ribbonR{display:none}header #header_bar{display:none}header #headerWrap{position:relative}header #headerWrap #hamburger{display:block;width:25px;height:20px;position:absolute;left:15px}header #headerWrap #hamburger #icon{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;z-index:1000}header #headerWrap #hamburger #icon li{width:100%;height:3px;background:#3E3A39}header #headerWrap #hamburger #icon li.x1{-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:0.5s;transition:0.5s}header #headerWrap #hamburger #icon li.x2{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:0.5s;transition:0.5s}header #headerWrap #header_nav{display:none}#hero{padding:15px 15px 45px}#hero #heroBox{background:url(../img/green_bg_sp.png) no-repeat;background-size:100% 100%}#hero #heroBox h2 .textUp{font-size:1.8rem;display:block}#hero #heroBox h2 p{font-size:1.8rem}#hero #heroBox #heroWrap p{font-size:2.1rem;padding:10px 0 25px;min-height:50px;text-align:center}#hero #heroBox #heroWrap #heroText #textImage{padding:0 15px;margin:0 auto;width:100%}#hero #heroBox #heroWrap #heroText #figureFlex{position:relative;margin:-25px auto 0;top:25px;right:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#hero #heroBox #heroWrap #heroText #figureFlex figure:nth-child(1){position:absolute;position:relative;top:30px;left:30px;min-width:158px}#hero #heroBox #heroWrap #heroText #figureFlex figure:nth-child(2){min-width:225px;position:relative;right:10px}#trouble #troubleList li p:nth-child(1){font-size:2.0rem}#trouble #troubleList li p.exposition{font-size:1.6rem}#solution{background:url(../img/green_bg_sp.png) no-repeat;background-size:100% 100%;margin:30px 15px;padding:60px 15px 15px}#solution #solutionText{margin-bottom:20px}#solution #solutionText figure{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#solution #solutionText figure img{height:40px}#solution #features{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}#solution #features figure:nth-child(1){margin-bottom:30px}#solution #features figure:nth-child(2){width:100vw;padding:0 10px}#solution #features figure #voiceSP{display:block;position:absolute;width:130px;bottom:-30px;right:0}#solution #voice{position:relative}#solution #voice dt img{display:none}#point #pointWrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#point #pointWrap li:nth-child(2){margin-top:-50px}#point #pointWrap li:nth-child(3){margin-top:-50px}#manga h3{font-size:2.1rem}#comparison #comparisonWrap ul li:nth-child(1)::before{width:135px}#comparison #comparisonWrap ul li:nth-child(2)::before{width:142px}#comparison #comparisonWrap ul li#iwa::before{width:188px}#comparison #comparisonWrap ul li#iwa .price{font-size:3.0rem}#comparison #comparisonWrap ul li#iwa .text{font-size:2.0rem}.call address div p:nth-child(1){font-size:2.5rem}.call address div p:nth-child(1) span{font-size:2.6rem}.call address div p:nth-child(2){font-size:2.5rem}.call address .tel{font-size:3.2rem}.call address .open{font-size:2.0rem}#profile{padding:100px 0 70px}#profile::before{width:173px;height:182px;right:-20px}#profile::after{width:111px;height:126px}#profile h3 p{font-size:4.8rem;margin-bottom:20px}#profile figure{padding:0 40px}#profile p{font-size:1.8rem}#profile p:not(:last-child){margin-bottom:20px}#profile p.impressed{font-size:4.8rem;margin-top:20px}#promise{background:url(../img/green_bg_sp.png) no-repeat;background-size:100% 100%}#promise ul li span{font-size:2.8rem}#promise ul li p{font-size:2.8rem;line-height:2em}#faq dl{margin:0 15px}#performance{margin:0 15px 20px}#casestudy #casestudyWrap{background:url(../img/green_bg_sp.png) no-repeat;background-size:100% 100%}#casestudy #casestudyWrap ul li{margin-bottom:15px}#company ul{margin:0 15px}#company ul li p:nth-child(1){width:105px}#contact .pl2{width:100%;margin:0}#contact .pl2 #mail_form dl dt{width:auto;float:none;text-align:left;padding:10px 0 5px;font-weight:bold}#contact .pl2 #mail_form dl dt span{font-weight:normal}#contact .pl2 #mail_form dl dt span.required,#contact .pl2 #mail_form dl dt span.optional{margin-right:1em;margin-bottom:2em}#contact .pl2 #mail_form dl dd{width:auto;float:none;border-top:none;padding:0px 0 13px 0px}#page_top{bottom:80px}#fixedNav{width:100%;position:-webkit-sticky;position:sticky;top:auto;bottom:0}#fixedNav ul{display:-webkit-box;display:-ms-flexbox;display:flex}#fixedNav ul li{-webkit-box-flex:1;-ms-flex:1;flex:1}#fixedNav ul li a{height:auto;padding:15px 0}#fixedNav ul li a .pc{display:none}#fixedNav ul li a .mobile{display:block;text-align:center;font-size:1.4rem;line-height:1}#fixedNav ul li:nth-child(2){margin:0 1px}#casestudy_detail h3{font-size:2.1rem}#casestudy_detail h3 p::before{width:22px;height:46px;left:20px}#casestudy_detail h3 p::after{width:37px;height:64px;right:20px}#casestudy_detail section{margin:0 15px 30px}#casestudy_detail section table th,#casestudy_detail section table td{font-size:1.4rem}#casestudy_detail #info #order{padding:30px 20px;background:url(../img/green_bg_sp.png) no-repeat;background-size:100% 100%}#casestudy_detail #info #order dl dd{padding-left:0}#movieTalk .talking .space{display:none}.webp h3.w100 p{background:url(../img/h3_ribbon.webp) no-repeat center top;background-size:100% 100%}.webp #hero #heroBox{background:url(../img/green_bg_sp.webp) no-repeat;background-size:100% 100%}.webp #solution{background:url(../img/green_bg_sp.webp) no-repeat;background-size:100% 100%}.webp #promise{background:url(../img/green_bg_sp.webp) no-repeat;background-size:100% 100%}.webp #casestudy #casestudyWrap{background:url(../img/green_bg_sp.webp) no-repeat;background-size:100% 100%}.webp #casestudy_detail #info #order{background:url(../img/green_bg_sp.png) no-repeat;background-size:100% 100%}}@media screen and (max-width: 600px){h3.w100{display:-webkit-box;display:-ms-flexbox;display:flex;background:url(../img/h3_ribbon.png) no-repeat center top;background-size:100% 100%}h3.w100 p{height:auto;background:none;font-size:2.1rem;padding:10px 0 30px}header #headerWrap h1{max-width:162px}#trouble{background:url(../img/trouble_bg_sp.png) no-repeat;background-size:100% 100%}#trouble #troubleList{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-bottom:5px;margin:50% auto 0}#trouble #troubleList li{margin:5px 15px}#trouble #troubleList li p:nth-child(1){font-size:3.4rem;width:100vw;margin-left:calc( ( 100% - 100vw ) / 2)}#trouble #troubleList li p.exposition{max-width:224px;height:164px;background-size:100%;font-size:2.2rem;margin-right:0;margin-left:auto}#trouble #troubleList::before{top:auto;bottom:-80px}#trouble #troubleList::after{top:auto;bottom:-80px}#trouble::before{bottom:-100px}#frogRanger #frogRangerWrap p{font-size:1.6rem;padding:60px 0}#manga h3 p:before{width:22px;height:46px;left:20px}#manga h3 p:after{width:37px;height:64px;right:20px}#comparison #comparisonWrap #topText,#comparison #comparisonWrap #underText{font-size:2.6rem;margin:30px 0 20px;line-height:1.5em}#comparison #comparisonWrap #underText{font-size:2.2rem}#comparison #comparisonWrap #underText .f27{font-size:2.7rem}#comparison #comparisonWrap ul li{padding:15px 15px}#comparison #comparisonWrap ul li:nth-child(1)::before{width:79px;height:116px}#comparison #comparisonWrap ul li:nth-child(2)::before{width:86px;height:114px}#comparison #comparisonWrap ul li h4{font-size:2.8rem;margin-bottom:20px}#comparison #comparisonWrap ul li .price{font-size:2.5rem}#comparison #comparisonWrap ul li .text{font-size:1.6rem;max-width:240px;margin-top:20px}#comparison #comparisonWrap ul li#iwa h4{font-size:3.6rem}#comparison #comparisonWrap ul li#iwa::before{width:125px;height:177px}#comparison #comparisonWrap ul li#iwa .text{max-width:240px;padding:0 15px 0 0}.call address div p:nth-child(1){font-size:1.6rem;padding:0 5px 20px}.call address div p:nth-child(1) span{font-size:1.8rem}.call address div p:nth-child(2){font-size:2.5rem;padding:0 5px 20px}.call address .tel{font-size:3.2rem}.call address .tel img{width:32px}.call address .open{font-size:2.0rem}#profile::before{width:115px;height:121px;right:-15px}#profile::after{width:74px;height:84px}#profile h3 p{font-size:2.4rem}#profile figure{padding:0 15px}#profile p{padding:0 15px}#profile p.impressed{font-size:2.4rem;letter-spacing:-0.05em;padding:0 5px}#promise h3{padding:30px 15px 15px}#promise ul{padding:0 20px 20px}#promise ul li{margin-bottom:20px}#promise ul li span{font-size:2.4rem;width:36px;height:36px}#promise ul li p{font-size:1.6rem}#promise ul::before{width:98px;height:127px}#faq h3 p:before{width:52px;height:72px;position:absolute;top:-5px;left:40px}#faq h3 p:after{width:83px;height:79px;top:-20px;right:30px}#faq dl dt{font-size:1.6rem}#faq dl dt span{font-size:4.9rem}#faq dl dd{font-size:1.6rem;margin-bottom:20px}#faq dl dd span{font-size:4.9rem}#performance{padding:20px 0;line-height:1.4em}#performance p{font-size:2.6rem;line-height:1.4em}#performance p::before{width:33px;height:44px}#performance p::after{width:42px;height:79px}#company h3 p:before{width:53px;height:57px;left:20px}#company h3 p:after{width:49px;height:57px;right:20px}#thanks{margin:20px 15px 0}#movieTalk .talking figure{max-width:60px;width:100%}#movieTalk .talking figure figcaption{font-size:1.2rem}#movieTalk .talking .talkingBody{margin:0 1.5em;padding:1em 2em}#movieTalk .talking .talkingBody p{font-size:1.5rem}.webp h3.w100{display:-webkit-box;display:-ms-flexbox;display:flex;background:url(../img/h3_ribbon.png) no-repeat center top;background-size:100% 100%}.webp #trouble{background:url(../img/trouble_bg_sp.webp) no-repeat;background-size:100% 100%}.webp #solution{background:url(../img/green_bg_sp.webp) no-repeat;background-size:100% 100%}}
/*# sourceMappingURL=responsive.css.map */