@import url(../../../../../../../../themes/trobz/assets/css/service.css);body::before{background:url(../../../../../../../../themes/trobz/assets/images/service/service-website.webp) no-repeat;background-size:cover;background-position:50% 46.3%;filter:brightness(.8);height:103%}.wrapTitlePage{padding:174px 0 174px}.wrapTitlePage .titleEn{padding-left:50px}.wrapTitlePage .titleJp{padding-left:48px;font-size:20px}.areaServiceDetail{background:transparent}.questionArea{padding-top:94px;padding-bottom:96px;background:#f8f7f6}.questionArea .detailTitle{margin-top:1px;font-size:36px;font-weight:700;line-height:1.6;text-align:center;width:fit-content;margin:1px auto 0;padding-left:10px;padding-right:5px;letter-spacing:2px}.titleService::before{left:-3px}.titleService::after{content:"";position:absolute;top:unset;left:unset;bottom:0;right:4px;width:0;height:0;border-style:solid;border-width:0 0 20px 20px;border-color:transparent transparent #bd9f00 transparent}.checkBoxContainer{background:#fff;padding:48px 16px 30px;max-width:1017px;width:100%;margin:40px auto 0}.checkBoxContainer .boxTitle{font-size:28px;font-weight:700;line-height:1.6;width:fit-content;text-align:start;margin:0 auto;letter-spacing:1.5px}.checkBoxContainer .boxTextList{margin:48px auto 0;width:fit-content}.checkBoxContainer .boxTextList li{margin-bottom:20px}.checkBoxContainer .boxTextList .boxText{position:relative;font-size:16px;font-weight:700;letter-spacing:.8px;padding-left:35px;line-height:1.6}.checkBoxContainer .boxTextList .boxText::before{content:"";position:absolute;display:block;left:1px;top:1px;width:24px;height:24px;background:url(../../../../../../../../themes/trobz/assets/images/service-detail/checkbox-icon.webp) center no-repeat;background-size:100%}.featuresArea{background:transparent;padding-top:96px;padding-bottom:96px}.featuresArea .featuresContent{background:rgba(255,255,255,.8);text-align:center;border-radius:10px;box-shadow:40px 50px 30px rgba(0,0,0,.1);padding:94px 58px 86px;line-height:1}.featuresArea .featuresContent .featuresTitle{padding-left:0;font-size:64px;font-weight:600}.featuresArea .featuresContent .titleJp{font-size:16px;font-weight:700;line-height:1.6;letter-spacing:1px}.featuresArea .featuresContent .featuresList{display:flex;flex-wrap:wrap;margin-top:58px;width:100%;padding-right:10px}.featuresArea .featuresContent .featuresList li{flex:1 1 calc(100% / 3 - 40px);background:#fff;margin-right:20px;margin-bottom:20px;padding:24px 31px;position:relative;box-shadow:10px 10px 20px rgba(0,0,0,.2);min-height:300px}.featuresArea .featuresContent .featuresList li::after{display:none}.featuresArea .featuresContent .featuresList li:nth-child(3n){margin-right:0}.featuresArea .featuresContent .featuresList li .ftImg{width:60px;margin:0 auto}.featuresArea .featuresContent .featuresList li .ftTitle{color:#333;font-family:"Noto Sans Jp",sans-serif;margin-top:15px;font-size:16px;font-weight:600;line-height:1.4;letter-spacing:1.8px}.featuresArea .featuresContent .featuresList li .ftTxt{color:#333;margin-top:17px;font-size:12px;font-weight:400;letter-spacing:1.2px;line-height:1.4;text-align:start;margin-bottom:16px;font-family:"Noto Sans Jp",sans-serif}.flowArea{background:#fff;padding-top:96px;padding-bottom:96px}.flowArea .flowMainTitle{font-size:64px;font-weight:600;line-height:1;padding-left:0}.flowArea .titleJp{font-size:16px;font-weight:700;line-height:1.6;letter-spacing:.9px}.flowArea .flowList{margin-top:40px;display:flex;flex-wrap:wrap;width:100%}.flowArea .flowList li{flex:1 1 calc(100% / 4 - 45px);box-shadow:10px 10px 20px rgba(0,0,0,.2);margin-right:15px;padding:23px 32px 24px;min-height:300px;z-index:1;background:#fff}.flowArea .flowList li:last-child{margin-right:0}.flowArea .flowList li .flowStep{background:#313131;text-align:center;width:100%;color:#fff;font-family:"Montserrat",sans-serif;font-size:20px;font-weight:600;line-height:1.4;letter-spacing:2.2px;padding:7px 0}.flowArea .flowList li .flowTitle{text-align:center;font-size:16px;font-weight:600;color:#333;font-family:"Noto Sans Jp",sans-serif;letter-spacing:1.6px;margin-top:16px}.flowArea .flowList li .flowTitle.minH{display:flex;justify-content:center;align-items:start;min-height:48px}.flowArea .flowList li .flowText{margin-top:17px;font-size:12px;font-weight:400;line-height:1.4;letter-spacing:1.2px;color:#333}.otherServicesArea{background:#313131;padding:96px 0 100px}.otherServicesArea .inner{max-width:1788px}.otherServicesArea .otherServiceTitle{color:#fff;font-size:64px;font-weight:600;line-height:1;text-align:center;padding-left:0}.otherServicesArea .titleJp{padding-left:0;text-align:center;font-size:16px;font-weight:700;line-height:1.4;color:#fff;letter-spacing:1px}.otherServicesArea .otherServicesList{margin-top:42px;display:flex;flex-wrap:wrap}.otherServicesArea .otherServicesList li{flex:1 1 calc(100% / 4 - 60px);margin-right:20px;margin-bottom:20px}.otherServicesArea .otherServicesList li:nth-child(4n){margin-right:0}.otherServicesArea .otherServicesList li a{display:block;background:#fff;border-radius:4px;box-shadow:0 2px 20px rgba(0,0,0,.2);padding-bottom:12px;transition:all 0.5s;overflow:hidden}.otherServicesArea .otherServicesList li a .cardImg{width:100%}.otherServicesArea .otherServicesList li a .cardImg img{height:85px;width:100%;display:block;object-fit:cover;object-position:50% 50%}.otherServicesArea .otherServicesList li a .cardTitle{padding-left:0;font-size:10px;margin-top:12px;line-height:1.2;font-weight:600;padding-left:12px;padding-right:12px;color:#000;text-align:start}.otherServicesArea .otherServicesList li a .cardTitle.titleEn{margin-bottom:0}.otherServicesArea .otherServicesList li a .cardTitle.titleJp{font-size:14px;font-weight:600;line-height:1.2;letter-spacing:1.1px;margin-top:2px}@media (min-width:769px){.otherServicesArea .otherServicesList li a:hover{transform:translate(2px,10px)}}@media (max-width:1120px){.featuresArea .featuresContent .featuresList li{flex:1 1 calc(100% / 2 - 20px)}.featuresArea .featuresContent .featuresList li:nth-child(3n){margin-right:20px}.featuresArea .featuresContent .featuresList li:nth-child(2n){margin-right:0}.flowArea{padding-bottom:86px}.flowArea .flowList li{flex:0 0 calc(100% / 2 - 15px);margin-bottom:10px}.flowArea .flowList li:nth-child(2n){margin-right:0}.otherServicesArea .otherServicesList li{flex:0 0 calc(100% / 3 - 14px)}.otherServicesArea .otherServicesList li:nth-child(3n){margin-right:0}.otherServicesArea .otherServicesList li:nth-child(4n){margin-right:20px}}@media (max-width:768px){body:before{height:100%}.featuresArea .featuresContent .featuresTitle,.flowArea .flowMainTitle,.otherServicesArea .otherServiceTitle{font-size:clamp(28px,5.5vw,36px)}.wrapTitlePage{padding:23vw 0 20.2vw}.wrapTitlePage .titleEn,.wrapTitlePage .titleJp{padding-left:0}.wrapTitlePage .titleEn{font-size:clamp(40px,8vw,60px)}.wrapTitlePage .titleJp{font-size:clamp(18px,3.2vw,24px)}.questionArea{padding-top:48px;padding-bottom:48px}.questionArea .detailTitle{font-size:clamp(18px,3.2vw,24px);letter-spacing:.9px;padding-left:0;padding-right:0}.questionArea .detailTitle::before{left:-10px}.titleService::after{right:-3px;border-width:0 0 16px 16px}.checkBoxContainer .boxTitle{margin-top:1px;font-size:clamp(18px,3.2vw,24px);letter-spacing:.9px;text-align:center;line-height:1.5}.checkBoxContainer .boxTextList{margin-top:24px}.checkBoxContainer .boxTextList .boxText{font-size:clamp(12px,2.2vw,15px);padding-left:46px;letter-spacing:1.1px;padding-top:2px;padding-right:10px}.checkBoxContainer .boxTextList .boxText::before{top:52%;transform:translateY(-50%);left:14px}.checkBoxContainer .boxTextList li{margin-bottom:18.1px}.checkBoxContainer .boxTextList li:last-child{margin-bottom:0}.featuresArea{padding:48px 0 96px}.featuresArea .inner{padding:0 16px}.featuresArea .featuresContent{padding:66px 24px 40px 26px}.featuresArea .featuresContent .featuresList{padding-right:2px}.featuresArea .featuresContent .featuresList li{padding:24px 18px 23px;margin-bottom:19.5px;min-height:unset}.featuresArea .featuresContent .featuresList li::before{left:0}.featuresArea .featuresContent .featuresList li .ftImg{width:clamp(40px,8vw,60px)}.featuresArea .featuresContent .featuresList li .ftTitle{font-size:clamp(15px,2.8vw,20px);margin-top:16px;letter-spacing:2.5px;line-height:1.5}.featuresArea .featuresContent .featuresList li .ftTxt{font-size:clamp(12px,2.2vw,15px);letter-spacing:1.2px;margin-left:-2px;margin-bottom:0;text-align:justify}.flowArea{padding-bottom:80px}.flowArea .flowList li{padding:24px 16px;min-height:unset;margin-bottom:14.5px}.flowArea .flowList li .flowStep{font-size:clamp(16px,3vw,22px);padding:7px 0 8px}.flowArea .flowList li .flowTitle{font-size:clamp(16px,3vw,22px);margin-top:15px}.flowArea .flowList li .flowText{font-size:clamp(12px,2.2vw,15px);text-align:justify}.otherServicesArea{padding:48px 0}.otherServicesArea .otherServicesLis{margin-top:43px}.otherServicesArea .otherServicesList li{flex:0 1 calc(100% / 2 - 10px);margin-right:20px;margin-bottom:21px}.otherServicesArea .otherServicesList li:nth-child(2n){margin-right:0}.otherServicesArea .otherServicesList li:nth-child(3n){margin-right:20px}.otherServicesArea .otherServicesList li:nth-child(6n){margin-right:0}.otherServicesArea .otherServicesList li a{padding-bottom:15px;height:100%}.otherServicesArea .otherServicesList li a .cardTitle{font-size:clamp(10px,2vw,14px)}.otherServicesArea .otherServicesList li a .cardTitle.titleJp{font-size:clamp(14px,2.5vw,18px)}}@media (max-width:540px){.featuresArea .featuresContent .featuresList li{flex:1 1 100%;margin-right:0}.featuresArea .featuresContent .featuresList li:nth-child(3n){margin-right:0}.flowArea .flowList li{flex:1 1 100%;margin-right:0}}@media (max-width:510px){.checkBoxContainer .boxTitle{text-align:start}}