@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');

.pagecommon{width:100%;box-sizing:border-box;background:#fff}
.pagecommon *{box-sizing:border-box}
.pagecommon .pagecommon_inner{width:100%;max-width:1180px;margin:0 auto}
.pagecommon .pagecommon_title{margin-bottom:42px;text-align:center}
.pagecommon .pagecommon_title span{display:block;margin-bottom:17px;color:#78847d;font-size:13px;font-weight:700;line-height:1;letter-spacing:-.2px}
.pagecommon .pagecommon_title h2{margin:0;color:#111;font-size:36px;font-weight:700;line-height:1.2;letter-spacing:-1.5px}
.pagecommon .pagecommon_cont{position:relative;width:100%;padding-bottom:130px}
.pagecommon .pagecommon_img{width:100%;height:475px;overflow:hidden}
.pagecommon .pagecommon_img img{display:block;width:100%;height:100%;object-fit:cover}
.pagecommon .pagecommon_txt{position:absolute;right:55px;bottom:0;width:640px;min-height:255px;padding:55px 64px;background:#818e86;color:#fff}
.pagecommon .pagecommon_txt h3{margin: 0 0 26px;color:#fff;font-size: 24px;font-weight:700;}
.pagecommon .pagecommon_txt p{margin:0;color:rgba(255,255,255,.82);font-size:15px;line-height:1.8;}

.page33{background:#fff;}
.page33 *{box-sizing:border-box}
.page33 .page33_visual{position:relative;width:100%;padding-bottom:85px}
.page33 .page33_img{width:100%;height: 400px;overflow:hidden}
.page33 .page33_img img{display:block;width:100%;height:100%;object-fit:cover}
.page33 .page33_quote{position:absolute;left:50%;bottom:0;width: 783px;padding: 50px;transform:translateX(-50%);background:#818e86;text-align:center;color:#fff}
.page33 .page33_quote strong{display:block;font-size: 29px;font-weight:700;color:#fff;font-family: 'Cinzel';}
.page33 .page33_quote p{margin:18px 0 0;font-size: 18px;font-weight:400;letter-spacing: 2px;color:rgba(255,255,255,.9)}
.page33 .page33_values{display:grid;grid-template-columns:repeat(3,1fr);margin-top: 90px;}
.page33 .page33_value{position:relative;padding: 0 30px;text-align:center;}
.page33 .page33_value+ .page33_value{border-left:1px solid #e5e5e5}
.page33 .page33_value .icon{display:flex;align-items:center;justify-content:center;width: 101px;height: 101px;margin:0 auto 26px;border-radius:50%;background:#f4f5f3}
.page33 .page33_value .icon img{display:block;object-fit:contain}
.page33 .page33_value h3{margin:0 0 18px;font-size: 16px;font-weight:700;color:#7c8981;font-family: 'Cinzel';}
.page33 .page33_value p{margin:0;font-size: 14px;font-weight:400;line-height:1.8;color:#777}
.page33 .page33_certificate{position:relative;width: 94%;min-height:310px;margin: 100px auto 0;padding:55px 50px 45px;border:1px solid #d9d9d9;text-align:center}
.page33 .page33_cert_title{position:relative;width:410px;margin:-75px auto 0;padding:0 25px;background:#fff}
.page33 .page33_cert_title h3{margin:0;font-size: 25px;font-weight:700;line-height: 1.3;color:#262626}
.page33 .page33_cert_title p{margin:22px -60px 0;font-size: 15px;line-height: 1.6;color:#666}
.page33 .page33_cert_img{width:100%;margin:35px auto 0}

#p42{width:100%;background:#fff;box-sizing:border-box;color:#222;line-height:1.6}
#p42 *{box-sizing:border-box}
#p42 .inner{width:100%;max-width:1200px;margin:0 auto}
#p42 .process_item{position:relative;display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;padding:40px 55px;border: 1px solid #78847D;background:#fff}
#p42 .step{position:absolute;left:40px;top:-25px;height:40px;padding:0 25px;display:flex;align-items:center;justify-content:center;border-radius:30px;background:#78847D;color:#fff;font-size:16px;font-weight:600;font-family: 'Poppins';}
#p42 .icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background: #78847d14;border-radius:50%}
#p42 .icon img{width:90px}
#p42 .ico{position:relative;display:block;width:78px;height:78px}
#p42 .ico_chat{border:4px solid #333;border-radius:50%}
#p42 .ico_chat:before{content:"•••";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#78847D;border-radius:50%;color:#fff;font-size:19px;letter-spacing:1px}
#p42 .ico_chat:after{content:"";position:absolute;right:-13px;bottom:5px;width:25px;height:25px;border-right:4px solid #333;border-bottom:4px solid #333;border-radius:0 0 18px 0}
#p42 .ico_house:before{content:"";position:absolute;left:13px;top:25px;width:53px;height:47px;border:4px solid #333;border-top:0}
#p42 .ico_house:after{content:"";position:absolute;left:14px;top:5px;width:48px;height:48px;border-left:4px solid #333;border-top:4px solid #333;transform:rotate(45deg)}
#p42 .ico_doc{width:60px;height:75px;border:4px solid #333;border-radius:4px}
#p42 .ico_worker:before{content:"";position:absolute;left:13px;top:12px;width:51px;height:35px;border:4px solid #333;border-radius:35px 35px 5px 5px}
#p42 .ico_worker:after{content:"";position:absolute;left:7px;bottom:0;width:62px;height:37px;border:4px solid #333;border-bottom:0;border-radius:32px 32px 0 0}
#p42 .ico_sofa:before{content:"";position:absolute;left:4px;top:30px;width:67px;height:35px;border:4px solid #333;border-radius:10px}
#p42 .ico_sofa:after{content:"";position:absolute;left:15px;top:18px;width:45px;height:30px;border:4px solid #333;border-radius:15px 15px 0 0;background:#fff}
#p42 .ico_check{width:65px;height:75px;border:4px solid #333;border-radius:5px 5px 32px 32px;clip-path:polygon(50% 0,100% 15%,100% 62%,50% 100%,0 62%,0 15%)}
#p42 .ico_check:after{content:"";position:absolute;left:19px;top:25px;width:23px;height:12px;border-left:5px solid #78847D;border-bottom:5px solid #78847D;transform:rotate(-45deg)}
#p42 .txt{padding-left:10px}
#p42 .txt h3{margin:0 0 12px;font-size:22px;line-height:1.35;font-weight:700;color:#171717}
#p42 .txt p{margin:0;font-size:15px;line-height:1.75;font-weight:400;color:#555}
#p42 .txt p + p{margin-top:2px}
#p42 .txt .notice{margin-top:12px;color:#78847D;font-weight:600}
#p42 .process_arrow{position:relative;height: 58px;}
#p42 .process_arrow:after{content:"";position:absolute;left:50%;top:23px;transform:translateX(-50%);width:0;height:0;border-left: 9px solid transparent;border-right: 9px solid transparent;border-top: 14px solid #78847D;}
#p42 .process_bottom{margin-top:30px;text-align:center}
#p42 .process_bottom strong{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 35px;border-radius:30px;background:#78847D;color:#fff;font-size:17px;font-weight:600}
#p42 .process_bottom strong:before{content:"✓";width:25px;height:25px;margin-right:10px;display:flex;align-items:center;justify-content:center;border:2px solid #fff;border-radius:50%;font-size:14px}
#p42 .process_bottom p{margin:13px 0 0;font-size:15px;color:#78847D}
#p42 .process_item.last{background:#78847d17}

@media(max-width:1024px){
.pagecommon{padding: 70px 0 100px;}
.pagecommon .pagecommon_img{height:420px}
.pagecommon .pagecommon_cont{padding-bottom:110px}
.pagecommon .pagecommon_txt{right:30px;width: 80%;min-height:auto;padding:42px 45px}
.page33{padding: 55px 0 100px;}
.page33 .page33_value p br{display:none}
.page33 .page33_value {padding: 0 20px;word-break: keep-all;}
.page33 .page33_value h3{font-size:15px}
.pagecommon .pagecommon_txt h3{font-size:20px}
}
@media(max-width:768px){
.pagecommon{padding: 55px 20px 20px;}
.pagecommon .pagecommon_title{margin-bottom:30px}
.pagecommon .pagecommon_title span{margin-bottom:12px;font-size:11px}
.pagecommon .pagecommon_title h2{font-size: 24px;}
.pagecommon .pagecommon_cont{padding-bottom:0}
.pagecommon .pagecommon_img{height:320px}
.pagecommon .pagecommon_txt{position:relative;right:auto;bottom:auto;width:calc(100% - 30px);min-height:0;margin:-40px 0 0 auto;padding:35px 30px}
.pagecommon .pagecommon_txt h3{margin-bottom:18px;font-size:18px}
.pagecommon .pagecommon_txt p{font-size:13px;word-break: keep-all;}
.pagecommon .pagecommon_txt p br{display:none}
.page33{padding:40px 20px 70px}
.page42{padding:15px !important}
.page33 .page33_visual{padding-bottom:65px}
.page33 .page33_img{height:230px}
.page33 .page33_quote{width:85%;padding:25px 20px}
.page33 .page33_quote strong{font-size:18px}
.page33 .page33_quote p{margin-top:13px;font-size:12px}
.page33 .page33_values{display:block;margin-top:0}
.page33 .page33_value{padding:35px 10px}
.page33 .page33_value+ .page33_value{border-left:0;border-top:1px solid #eee}
.page33 .page33_value .icon{width:68px;height:68px;margin-bottom:20px}
.page33 .page33_value .icon img{width:36px;height:36px}
.page33 .page33_value h3{font-size:14px}
.page33 .page33_value p br{display:none}
.page33 .page33_certificate{width:100%;min-height:auto;margin-top:60px;padding:48px 25px 40px}
.page33 .page33_cert_title{width: 100%;margin:-68px auto 0;padding:0 15px}
.page33 .page33_cert_title h3{font-size:20px}
.page33 .page33_cert_title p{margin:20px 0 0;font-size:14px;word-break: keep-all;}
.page33 .page33_cert_title p br{display:none}
.page33 .page33_cert_img{margin-top:30px}
.page33 .page33_value p br{display:block}
#p42 .txt h3{font-size:20px}
#p42 .txt p{font-size:14px;word-break: keep-all;}
#p42 .txt p br{display:none}
#p42 .process_bottom strong {flex-direction:column;gap: 10px;border-radius: 0;font-size: 14px;word-break: keep-all;}
#p42 .process_item {grid-template-columns: 140px minmax(0, 1fr)}
}
@media(max-width:600px){
#p42 .process_item {grid-template-columns:minmax(0, 1fr);padding: 24px 30px;text-align: center;}
#p42 .icon{margin: 0 auto 20px;width: 80px;height: 80px;line-height: 80px;}
#p42 .icon img {width:70px}
#p42 .txt h3 {font-size:18px}
#p42 .step {width: max-content;margin: 0 auto 20px;padding: 0 17px;position: static;height: 36px;font-size: 14px}
}
@media(max-width:480px){
.page33 {padding:40px 15px 70px}
.page33 .page33_cert_title{padding:0}
.page33 .page33_cert_title h3{font-size:17px}  
.page33 .page33_certificate{margin-top:30px} 
.pagecommon .pagecommon_img {height:150px}
.pagecommon .pagecommon_txt{width:100%;position: static;margin: 0;padding:30px}
.pagecommon .pagecommon_txt h3{font-size: 15px;}
#p42 .process_bottom p {font-size:13px}
#p42 .icon img {width:60px}
#p42 {padding: 30px 15px 20px;}
.page33 .page33_quote{width:90%;padding:25px 20px}
.page33 .page33_cert_title p{font-size:12px}
#p42 .step{font-size:13px}
}
@media(max-width:380px){
.page33 .page33_cert_title h3 {font-size:15px}
.page33 .page33_cert_title p{font-size:12px}
.page33 .page33_quote strong {font-size:15px}
.page33 .page33_value p{font-size:13px}
}