html{font-size:75%}@media (min-width: 768px){html{font-size:87.5%}}@media (min-width: 992px){html{font-size:93.75%}}@media (min-width: 1200px){html{font-size:100%}}a{color:#000}p{margin:0}img{width:100%}.pt-1{padding-top:0.25rem}.pt-2{padding-top:0.5rem}.pt-3{padding-top:1rem}.pt-4{padding-top:1.5rem}.pt-5{padding-top:3rem}.container{max-width:1100px;padding:0 20px}.container-fluid{width:100%;padding:20px}.shadow,body main section.service-catalog .service .service-detail{filter:drop-shadow(2px 0px 8px rgba(0,0,0,0.2))}.button-shadow,.button a{filter:drop-shadow(4px 4px 6px rgba(0,0,0,0.3))}.button a{border:none !important}.button a:hover{border:none !important}.button a,.button a:visited{background:#101b3b !important;border:1px solid !important;border-color:#FFF !important;color:#FFF !important;padding:10px 20px !important;text-align:center;-webkit-transition:all .4s;transition:all .4s;-webkit-border-radius:10px !important;border-radius:10px !important;font-size:20px !important;font-weight:500 !important;text-decoration:none !important;display:inline-block !important;line-height:inherit !important;margin:0}.button a:after,.button a:visited:after{font-family:"Font Awesome 5 Free";margin-right:0.5em;font-weight:900;content:"";padding-left:0.5em}.button a:after else,.button a:visited:after else{font-family:"FontAwesome";margin-right:0.5em}.button a span,.button a:visited span{font-size:20px !important;font-weight:500 !important}.button a:hover{background:#FFF !important;border:1px solid !important;color:#101b3b !important;text-decoration:none !important;-webkit-border-radius:10px !important;border-radius:10px !important}.button a:hover *{color:#101b3b !important}.button-slide{text-align:left}.button-slide a{position:relative;cursor:pointer;margin:.5rem;padding:0.6rem 2rem 0.6rem 1rem;border-radius:0;background-image:linear-gradient(90deg, #2e3959 50%, transparent 50%);background-position:100%;background-size:200%;display:block;color:#FFF;text-decoration:none;transition:all 0.3s;background-color:#101b3b;font-weight:bold;font-size:0.8rem}.button-slide a:before{content:'';position:absolute;top:50%;right:.125rem;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);width:1rem;height:1rem;background:#FFF;-webkit-border-radius:50% !important;border-radius:50% !important;box-sizing:content-box}.button-slide a:after{position:absolute;right:1rem;top:calc(50% + .1rem);display:block;content:"";width:.25rem;height:.25rem;background:#FFF;border-right:.125rem solid #101b3b;border-top:.125rem solid #101b3b;transform:rotate(45deg) translate(-50%, -50%);box-sizing:content-box}.button-slide a:hover{background-position:0;color:#fff}.button-slide a:hover:after{border-right:.125rem solid #101b3b;border-top:.125rem solid #101b3b}.button-slide-orange{text-align:left}.button-slide-orange a{position:relative;cursor:pointer;margin:0.5rem;padding:0.6rem 2rem 0.6rem 1rem;border-radius:0;background-image:linear-gradient(90deg, #ff801e 50%, transparent 50%);background-position:100%;background-size:200%;color:#FFF;text-decoration:none;transition:all 0.3s;background-color:#FC6200;font-weight:bold;font-size:0.8rem}.button-slide-orange a:before{content:'';position:absolute;top:50%;right:.125rem;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);width:1rem;height:1rem;background:#FFF;-webkit-border-radius:50% !important;border-radius:50% !important;box-sizing:content-box}.button-slide-orange a:after{position:absolute;right:1rem;top:calc(50% + .1rem);display:block;content:"";width:.25rem;height:.25rem;bakckground:#FFF;border-right:.125rem solid #FC6200;border-top:.125rem solid #FC6200;transform:rotate(45deg) translate(-50%, -50%);box-sizing:content-box}.button-slide-orange a:hover{background-position:0;color:#fff}.button-slide-orange a:hover:after{border-right:.125rem solid #FC6200;border-top:.125rem solid #FC6200}.radius,.button-slide a,.button-slide-orange a,body main section.service-select .service-flow-wrap ul.service-flow li,body main section.service-select .service-flow-wrap ul.service-flow li .bubble,body main section.service-select .service-flow-wrap ul.service-flow li .flow-right,body main section.service-select .service-flow-wrap ul.service-flow li:hover,body main section.service-catalog .service .service-tag,body main section.service-catalog .service .service-detail{-webkit-border-radius:8px !important;border-radius:8px !important}.text-l{font-size:1.6rem}.text-orange{color:#FC6200}.text-navy{color:#101b3b}.text-bold,body main section.service-select .title .lead,body main section.service-select .title .service-name{font-weight:bold}.section-padding,body main section.service-select,body main section.service-catalog{padding:3rem 0}@media (min-width: 576px){.section-padding,body main section.service-select,body main section.service-catalog{padding:3rem 1rem}}.fadeTrigger{opacity:0}.delay2{animation-delay:.2s}.delay3{animation-delay:.3s}.delay4{animation-delay:.4s}.delay5{animation-delay:.5s}.delay6{animation-delay:.6s}.delay8{animation-delay:.8s}.delay9{animation-delay:.9s}.fadeInUp{opacity:0;transform:translateY(100px);animation-name:fadeIn;animation-duration:1.5s;animation-fill-mode:forwards}.fadeInDown{opacity:0;transform:translateY(-100px);animation-name:fadeIn;animation-duration:1s;animation-fill-mode:forwards}.fadeInLeft{opacity:0;transform:translateX(-100px);animation-name:fadeIn;animation-duration:1s;animation-fill-mode:forwards}.fadeInRight{opacity:0;transform:translateX(100px);animation-name:fadeIn;animation-duration:1s;animation-fill-mode:forwards}@keyframes fadeIn{100%{opacity:1;transform:translate(0)}}body{color:#000;margin:0;scroll-behavior:smooth}body main section.main-img{background:#f1f6fc;position:relative;margin-bottom:50px;background:#f1f6fc}body main section.main-img:before{content:"";position:absolute;top:100%;left:50%;margin-left:-50px;border:1md00px solid transparent;border-top:50px solid #f1f6fc}body main section.main-img .box01{background-image:url(../assets/bg-main-sp.png);background-position:center 80%;background-size:cover;background-repeat:no-repeat}@media (min-width: 768px){body main section.main-img .box01{background-image:url(../assets/bg-main.png);background-position:center 37%}}body main section.main-img .box01 .container{display:flex;align-items:center;height:390px;flex-direction:column}@media (min-width: 768px){body main section.main-img .box01 .container{height:390px}}@media (min-width: 768px){body main section.main-img .box01 .container{flex-direction:row}}body main section.main-img .box01 .text-wrap{flex-basis:50%;font-weight:bold;color:#FFF;padding-top:3rem}@media (min-width: 768px){body main section.main-img .box01 .text-wrap{padding-top:0}}body main section.main-img .box01 .text-wrap .text01{font-size:1.2rem;padding-bottom:0.5rem}body main section.main-img .box01 .text-wrap .text02{font-size:2rem}@media (min-width: 576px) and (max-width: 767px){body main section.main-img .box01 .text-wrap .text02 br{display:none}}body main section.main-img .box01 .img-wrap{flex-basis:50%}body main section.main-img .box01 .bg-button{display:none;position:relative;z-index:2;background:#f1f6fc;flex-direction:column;align-items:center;justify-content:center;filter:drop-shadow(5px -14px 8px rgba(0,0,0,0.1));border-top-right-radius:8px;height:5.625rem;width:80%}@media (min-width: 768px){body main section.main-img .box01 .bg-button{height:5.625rem;width:50%}}body main section.main-img .box01 .bg-button:after{content:"";position:absolute;right:-69px;top:3px;border-left:50px solid #f1f6fc;border-top:5.625rem solid transparent;border-right:20px solid transparent}@media (min-width: 768px){body main section.main-img .box01 .bg-button .button-slide{position:absolute;right:6rem}}body main section.main-img .box01 .bg-button .button-slide a{padding:1rem 3rem 1rem 2rem;font-size:1rem}body main section.main-img .box02{background:#f1f6fc}body main section.main-img .box03{background:#f1f6fc;filter:drop-shadow(5px -14px 8px rgba(0,0,0,0.1));padding-bottom:1rem}body main section.main-img .box03 .container{display:flex;gap:40px}body main section.main-img .box03 .problem{color:#101b3b;font-weight:bold;flex:1}body main section.main-img .box03 .problem h3{border-bottom:3px solid #101b3b;text-align:center;font-size:2rem;margin:2rem 0}body main section.main-img .box03 .problem span{font-size:1.4em}body main section.main-img .box03 .problem ul.problem-list{padding:0;font-weight:bold}body main section.main-img .box03 .problem ul.problem-list li{margin:0;list-style:none;font-size:1.2rem;color:#000}body main section.main-img .box03 .problem ul.problem-list li:before{font-family:"Font Awesome 5 Free";margin-right:0.5em;font-weight:900;content:'\f14a';color:#101b3b}body main section.main-img .box03 .problem ul.problem-list li:before else{font-family:"FontAwesome";margin-right:0.5em}body main section.main-img .box03 .problem-fig{display:none}@media (min-width: 768px){body main section.main-img .box03 .problem-fig{display:block;flex:0 1 40%}}body main section.service-select .title{text-align:center}body main section.service-select .title .lead{font-size:1.3rem}body main section.service-select .title .lead span{font-size:1.6rem}body main section.service-select .title .service-name{font-size:3rem}body main section.service-select .title .service-name span{color:#FC6200}body main section.service-select .service-flow-wrap ul.service-flow{display:flex;flex-wrap:wrap;justify-content:center}@media (min-width: 992px){body main section.service-select .service-flow-wrap ul.service-flow{flex-wrap:nowrap}}body main section.service-select .service-flow-wrap ul.service-flow li{-webkit-transition:all .4s;transition:all .4s;width:320px}@media (min-width: 992px){body main section.service-select .service-flow-wrap ul.service-flow li{width:auto}}body main section.service-select .service-flow-wrap ul.service-flow li .service-flow-inner{padding:2rem;display:block;-webkit-transition:all .4s;transition:all .4s}body main section.service-select .service-flow-wrap ul.service-flow li img{max-width:120px;margin:0 auto;margin:1rem 0}body main section.service-select .service-flow-wrap ul.service-flow li .bubble{position:relative;display:inline-block;margin:1.5em 0;padding:7px 10px;width:100%;min-width:120px;max-width:100%;color:#FFF;font-size:16px;background:#101b3b;padding:1rem 0}body main section.service-select .service-flow-wrap ul.service-flow li .bubble:before{display:none;content:"";position:absolute;top:100%;left:50%;margin-left:-10px;border:10px solid transparent;border-top:10px solid #101b3b}body main section.service-select .service-flow-wrap ul.service-flow li .bubble p{margin:0;text-align:center;font-weight:bold;font-size:0.9rem}body main section.service-select .service-flow-wrap ul.service-flow li .flow-right{position:relative;background:#FFFFFF;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center}body main section.service-select .service-flow-wrap ul.service-flow li .flow-right:after{content:"";position:absolute;right:-40px;top:5px;border-left:20px solid #FFF;border-top:85px solid transparent;border-right:20px solid transparent;border-bottom:85px solid transparent}body main section.service-select .service-flow-wrap ul.service-flow li .flow-right .button-wrap .button-slide a,body main section.service-select .service-flow-wrap ul.service-flow li .flow-right .button-wrap .button-slide-orange a{display:block;padding-top:0.2rem;padding-bottom:0.2rem}body main section.service-select .service-flow-wrap ul.service-flow li .purpose{position:relative;display:flex;align-items:center;margin:1.5rem 0;font-weight:bold;-webkit-transition:all .4s;transition:all .4s}body main section.service-select .service-flow-wrap ul.service-flow li .purpose:before,body main section.service-select .service-flow-wrap ul.service-flow li .purpose:after{content:'';position:absolute;border:.1875rem solid #101b3b;border-left:0;border-bottom:0;box-sizing:border-box;transform:translateX(-25%) rotate(45deg);width:1.5rem;height:1.5rem;-webkit-transition:all .4s;transition:all .4s}body main section.service-select .service-flow-wrap ul.service-flow li .purpose:before{right:-.75rem}body main section.service-select .service-flow-wrap ul.service-flow li .purpose:after{right:-.25rem}body main section.service-select .service-flow-wrap ul.service-flow li .purpose p{margin:0}body main section.service-select .service-flow-wrap ul.service-flow li .purpose:hover:before{right:-1.25rem}body main section.service-select .service-flow-wrap ul.service-flow li .purpose:hover:after{right:-.75rem}body main section.service-select .service-flow-wrap ul.service-flow li:hover{-webkit-transition:all .4s;transition:all .4s}body main section.service-select .service-flow-wrap ul.service-flow li:hover{background:#f1f6fc}body main section.service-select .service-flow-wrap ul.service-flow li:last-of-type .flow-right{width:100%}body main section.service-select .service-flow-wrap ul.service-flow li:last-of-type .flow-right:after{display:none}body main section.service-catalog{background:#f1f6fc}body main section.service-catalog .service{padding:0 0 3rem 0}body main section.service-catalog .service .service-tag{display:inline-block;padding:0.5rem 2rem;background:#FC6200;color:#FFF;font-weight:bold;margin-left:2rem;border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}body main section.service-catalog .service .service-detail{background:#FFF;padding:1em}@media (min-width: 576px){body main section.service-catalog .service .service-detail{padding:3rem}}body main section.service-catalog .service .service-detail .service-title-wrap{display:flex;-webkit-border-radius:10px !important;border-radius:10px !important;padding:2rem 1rem;flex-direction:column;gap:3rem;margin-bottom:2rem}@media (min-width: 576px){body main section.service-catalog .service .service-detail .service-title-wrap{flex-direction:row}}body main section.service-catalog .service .service-detail .service-title-wrap .button-wrap{display:flex;justify-content:end;padding-top:1.5rem}body main section.service-catalog .service .service-detail .service-title-wrap .button-wrap a{display:inline-block;padding-top:.375rem;padding-bottom:.375rem;font-size:.75rem}body main section.service-catalog .service .service-detail .service-title-wrap .box01{text-align:center;display:flex;justify-content:center}@media (min-width: 576px){body main section.service-catalog .service .service-detail .service-title-wrap .box01{flex-basis:25%}}body main section.service-catalog .service .service-detail .service-title-wrap .box01 .logo img{margin:0 auto;max-width:200px}@media (min-width: 576px){body main section.service-catalog .service .service-detail .service-title-wrap .box01 .logo img{max-width:230px}}@media (min-width: 576px){body main section.service-catalog .service .service-detail .service-title-wrap .box02{flex-basis:75%}}body main section.service-catalog .service .service-detail .service-title-wrap .box02 .service-lead{font-weight:bold;font-size:1.4rem}body main section.service-catalog .service .service-detail .service-solution{background:#EFEFEF;border-radius:10px;padding:1rem}body main section.service-catalog .service .service-detail .service-solution .problem{display:flex;padding:0 3rem 1rem;background:#EFEFEF;-webkit-border-radius:10px !important;border-radius:10px !important;margin-bottom:2rem;position:relative;padding:1rem 0}@media (min-width: 576px){body main section.service-catalog .service .service-detail .service-solution .problem{padding:1rem 2rem}}body main section.service-catalog .service .service-detail .service-solution .problem:after{position:absolute;left:50%;bottom:-0.75rem;display:block;content:"";width:1.875rem;height:1.875rem;background:transparent;border-right:.25rem solid #101b3b;border-top:.25rem solid #101b3b;transform:rotate(135deg) translate(-50%, -50%)}body main section.service-catalog .service .service-detail .service-solution .problem .box01,body main section.service-catalog .service .service-detail .service-solution .problem .box02,body main section.service-catalog .service .service-detail .service-solution .problem .box03{display:flex;align-items:center;padding:1rem}body main section.service-catalog .service .service-detail .service-solution .problem .box01{flex-basis:30%;justify-content:center;background:#535252;color:#FFF;font-weight:bold}body main section.service-catalog .service .service-detail .service-solution .problem .box02{flex-basis:70%;align-items:start;flex-direction:column;background:#FFF}body main section.service-catalog .service .service-detail .service-solution .problem .box03{flex-basis:18%;display:none}body main section.service-catalog .service .service-detail .service-solution .problem .text-problem{color:#101b3b;font-weight:bold;font-size:1.3rem}body main section.service-catalog .service .service-detail .service-solution .solution{gap:1.875rem;border:4px solid #101b3b;-webkit-border-radius:10px !important;border-radius:10px !important;padding:1rem 1rem;background:#FFF;align-items:center}@media (min-width: 576px){body main section.service-catalog .service .service-detail .service-solution .solution{padding:2rem 2rem;margin:2rem}}body main section.service-catalog .service .service-detail .service-solution .solution .box01{display:flex;align-items:center;flex-direction:column}body main section.service-catalog .service .service-detail .service-solution .solution .box02{width:100%;text-align:center}body main section.service-catalog .service .service-detail .service-solution .solution .box02 .asset-wrap{width:85%;max-width:700px;border:2px solid #5d5d5d;-webkit-border-radius:18px !important;border-radius:18px !important;margin:0 auto}body main section.service-catalog .service .service-detail .service-solution .solution .box02 img{width:100%;-webkit-border-radius:16px !important;border-radius:16px !important}body main section.service-catalog .service .service-detail .service-solution .solution .tool-solution{display:block;flex-basis:50%;padding-top:1rem}body main section.service-catalog .service .service-detail .service-solution .solution .tool-solution .tool-solution-inner{display:flex;align-items:center;margin-bottom:1rem;font-weight:bold;justify-content:center;font-size:1.5rem;color:#101b3b;flex-direction:column}@media (min-width: 576px){body main section.service-catalog .service .service-detail .service-solution .solution .tool-solution .tool-solution-inner{flex-direction:row}}body main section.service-catalog .service .service-detail .service-solution .solution .tool-solution .tool-solution-inner img{width:65%;max-width:270px;margin-right:1rem}body main section.service-catalog .service .service-detail .service-solution .solution .text-solution{margin-bottom:1rem;text-align:center;padding:1rem 2rem;font-weight:bold}body main section.service-catalog .service .service-detail .service-solution .solution .text-solution h3{display:inline;border-bottom:3px solid #FC6200;font-size:1.5rem}body main section.service-catalog .service .service-detail .service-solution .solution .text-solution h3 br{display:none}body main section.service-catalog .service .service-detail .service-solution .solution .text-solution p{text-align:left}body main section.service-catalog .service .service-detail .service-solution .solution video.service-video{width:100%;height:auto;aspect-ratio:16 / 9;display:block;-webkit-border-radius:16px !important;border-radius:16px !important}