@charset "utf-8";

h3.rainwater { font-size: 36px; font-weight: 700; color: #1a1a1a; line-height: 50px; text-align: center; }
h3.rainwater span { color: #2966bd; }

.main_visual .pc { position: relative; }
.main_visual .pc a.link1 { position: absolute; top: 70%; left: 50%; width: 17%; height: 18.3%; margin-left: -18.3%; }
.main_visual .pc a.link2 { position: absolute; top: 70%; left: 51.4%; width: 17%; height: 18.3%; }
.main_visual .pc a.link3 { position: absolute; top: 71.4%; left: 50%; width: 14.2%; height: 19.4%; margin-left: -23.6%; }
.main_visual .pc a.link4 { position: absolute; top: 71.4%; left: 50%; width: 14.2%; height: 19.4%; margin-left: -7.2%; }
.main_visual .pc a.link5 { position: absolute; top: 71.4%; left: 50%; width: 14.2%; height: 19.4%; margin-left: 9.3%; }

.main_visual .mobile { position: relative; }
.main_visual .mobile a.link1 { position: absolute; top: 60%; left: 16%; width: 68%; height: 15%; }
.main_visual .mobile a.link2 { position: absolute; top: 77%; left: 16%; width: 68%; height: 15%; }
.main_visual .mobile a.link3 { position: absolute; top: 52%; left: 16%; width: 68%; height: 13%; }
.main_visual .mobile a.link4 { position: absolute; top: 67%; left: 16%; width: 68%; height: 13%; }
.main_visual .mobile a.link5 { position: absolute; top: 82%; left: 16%; width: 68%; height: 13%; }

.danger { margin: 120px 0 115px 0; }
.danger h3 { position: relative; padding-top: 95px; font-size: 34px; font-weight: 700; color: #1a1a1a; line-height: 45px; text-align: center; }
.danger h3:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 47px; background: url('../images/rainwater/danger_icon.png') no-repeat center top; }
.danger h3 p { margin-bottom: 20px; }
.danger h3 span { display: inline-block; width: 720px; padding: 12px 0; font-size: 30px; font-weight: 700; color: #fff; line-height: 39px; border-radius: 25px; background-color: #aa2626; }
.danger_step { display: flex; flex-wrap: wrap; gap: 42px; margin-top: 60px; }
.danger_step > li { width: calc((100% - 126px) / 4); }
.danger_step > li .step { font-size: 26px; font-weight: 600; color: #fff; line-height: 65px; text-align: center; background-color: #000; }
.danger_step > li .img { font-size: 0; line-height: 0; }
.danger_step > li .txt { margin: 20px 0 0 20px; }
.danger_step > li .txt li { position: relative; padding-left: 20px; font-size: 22px; font-weight: 500; color: #1a1a1a; line-height: 29px; letter-spacing: -0.7px; }
.danger_step > li .txt li:before { content: ''; position: absolute; top: 10px; left: 0; width: 9px; height: 9px; border-radius: 50%; background: #000; }
.danger_step > li .txt li span { font-weight: 700; color: #aa2626; }

.rightnow { padding: 15px 0; background-color: #183672; }
.rightnow a { display: block; padding: 24px 0; font-size: 32px; font-weight: 700; color: #fff; line-height: 45px; text-align: center; border-radius: 20px; border: 2px dashed #fff; }
.rightnow a span { margin-left: 25px; font-family: "GmarketSans"; font-size: 40px; color: #f4e22c; line-height: 45px; }
.rightnow a br { display: none; }

.already { padding: 115px 0 120px 0; background-color: #f3f3f3; }
.already .list { display: flex; flex-wrap: wrap; gap: 30px; margin-top: 75px; }
.already .list li { width: 300px; padding: 25px 0 35px 0; font-size: 18px; font-weight: 600; color: #1a1a1a; line-height: 27px; text-align: center; border-radius: 20px; border: 1px solid #666; background-color: #fff; }
.already .list li span { display: block; margin: 10px 0 5px 0; font-size: 22px; font-weight: 700; color: #aa2626; line-height: 31px; }

.already_list { margin-top: 75px; }
.already_list li { width: 300px; margin-left: 30px; padding: 25px 0 35px 0; font-size: 18px; font-weight: 600; color: #1a1a1a; line-height: 27px; text-align: center; border-radius: 20px; border: 1px solid #666; background-color: #fff; }
.already_list li img { width: 24px; height: 23px; }
.already_list li span { display: block; margin: 10px 0 5px 0; font-size: 22px; font-weight: 700; color: #aa2626; line-height: 31px; }

.check5 { margin: 115px 0 120px 0; }
.check5 h3 { font-size: 34px; font-weight: 700; color: #1a1a1a; line-height: 45px; text-align: center; }
.check5 h3 p { margin-bottom: 20px; }
.check5 h3 span { display: inline-block; width: 720px; padding: 12px 0; font-size: 30px; font-weight: 700; color: #fff; line-height: 39px; border-radius: 25px; background-color: #2966bd; }
.check5 .list { margin-top: 60px; }
.check5 .list li { display: flex; flex-wrap: wrap; align-items: center; padding: 27px 0; border-radius: 20px; background-color: #eee; }
.check5 .list li ~ li { margin-top: 25px; }
.check5 .list li .number { width: 57px; margin: 0 45px 0 55px; font-size: 26px; font-weight: 700; color: #fff; line-height: 57px; text-align: center; border-radius: 50%; background-color: #284098; }
.check5 .list li .tit { width: 223px; font-size: 26px; font-weight: 700; color: #1a1a1a; line-height: 57px; }
.check5 .list li .txt { width: calc(100% - 380px); font-size: 24px; font-weight: 500; color: #4d4d4d; line-height: 33px; }

.resolution { padding: 145px 0 150px 0; background: url('../images/rainwater/resolution_bg.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.resolution h3 { font-size: 42px; font-weight: 700; color: #fff; line-height: 51px; text-align: center; }
.resolution h3 span { display: block; margin: 15px 0 5px 0; font-size: 28px; font-weight: 500; color: #f2f01f; line-height: 37px; }
.resolution h3 em { display: block; font-size: 20px; font-weight: 400; font-style: italic; color: #fff; line-height: 29px; }
.resolution .list { display: flex; flex-wrap: wrap; gap: 30px; margin-top: 75px; }
.resolution .list li { width: calc((100% - 60px) / 3); padding: 25px 20px; border-radius: 20px; background-color: #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.resolution .list li .top { display: inline-block; padding: 0 35px; font-size: 20px; font-weight: 600; color: #fff; line-height: 43px; border-radius: 30px; background-color: #000; }
.resolution .list li .add { display: flex; margin-top: 18px; font-size: 16px; font-weight: 500; color: #535353; line-height: 23px; }
.resolution .list li .add .icon { margin-right: 12px; font-size: 0; line-height: 0; }
.resolution .list li .subject { height: 160px; margin-top: 25px; font-size: 23px; font-weight: 600; color: #272727; line-height: 32px; overflow: hidden; display: -webkit-box; white-space: initial; text-overflow: ellipsis; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.resolution .list li .date { margin-top: 20px; font-size: 17px; font-weight: 500; font-style: italic; color: #535353; line-height: 26px; }
.resolution .list li .img { overflow: hidden; margin-top: 20px; font-size: 0; line-height: 0; border-radius: 20px; aspect-ratio: 10/7;  }
.resolution .list li .img img { width: 100%; height: 100%; }
.resolution .btn { margin-top: 60px; font-size: 0; line-height: 0; text-align: center; }
.resolution .btn a { display: inline-block; padding: 0 50px; font-size: 20px; font-weight: 500; color: #fff; line-height: 53px; border-radius: 30px; background-color: #2966bd; }

.resolution_review { background: #f3f3f3 !important; }
.resolution_review h3 { font-size: 34px; font-weight: 700; color: #2966bd; line-height: 43px; text-align: center; }
.resolution_review h3 span { display: block; margin: 15px 0 10px 0; font-size: 40px; font-weight: 500; color: #151515; line-height: 49px; }
.resolution_review h3 em { display: block; font-size: 20px; font-weight: 400; font-style: italic; color: #828282; line-height: 29px; }
.resolution_review h3 em p { display: inline-block; margin: 3px 15px 0 0; vertical-align: top; }
.resolution_review .list li { text-align: left; }

.difference { padding: 115px 0 120px 0; }
.difference table { width: 100%; margin-top: 75px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; }
.difference table th { padding: 14px; font-size: 25px; font-weight: 700; color: #1a1a1a; line-height: 34px; text-align: center; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #f2f2f2; }
.difference table th.bg { color: #fff; background-color: #8a8a8a; }
.difference table td { padding: 14px; font-size: 25px; font-weight: 500; color: #1a1a1a; line-height: 34px; text-align: center; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.difference table td.bg { color: #fff; background-color: #000; }

.infrared { padding: 95px 0; font-size: 34px; font-weight: 700; color: #fff; line-height: 48px; text-align: center; background: url('../images/rainwater/infrared_bg.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.infrared span { color: #f2f01f; }

.diagnostic { padding: 120px 0; background-color: #ececec; }
.diagnostic .logo { font-size: 0; line-height: 0; text-align: center; }
.diagnostic  h3 { margin-top: 20px; }
.diagnostic .h3_txt { margin-top: 5px; font-size: 28px; font-weight: 700; color: #1a1a1a; line-height: 37px; text-align: center; }
.diagnostic .tit_wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 100px 0 60px 0; }
.diagnostic .tit_wrap p { width: 510px; margin: 0 10px; padding: 12px 0; font-size: 30px; font-weight: 700; color: #fff; line-height: 39px; text-align: center; border-radius: 25px; background-color: #040404; }
.diagnostic .equipment_img { display: flex; flex-wrap: wrap; margin: 50px -10px 0 -10px; padding: 10px; background-color: #e3e3e3; }
.diagnostic .equipment_img li { width: 50%; font-size: 0; line-height: 0; }

.step_list { display: flex; flex-wrap: wrap; gap: 42px; margin-top: 75px; }
.step_list li { width: calc((100% - 126px) / 4); }
.step_list li .step { padding: 15px 0; font-size: 26px; font-weight: 700; color: #fff; line-height: 35px; text-align: center; background-color: #1f2d5f; }
.step_list li .img { position: relative; font-size: 0; line-height: 0; border-left: 1px solid #1f2d5f; border-right: 1px solid #1f2d5f; border-bottom: 1px solid #1f2d5f; }
.step_list li .img img { max-width: 100%; }
.step_list li .cont { position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px 0; text-align: center; background: rgba(0,0,0,0.7); }
.step_list li .cont .tit { font-size: 26px; font-weight: 600; color: #fff; line-height: 35px; }
.step_list li .cont .txt { margin-top: 5px; font-size: 18px; font-weight: 400; color: #fff; line-height: 27px; }

.as_guarantee { padding: 115px 0 120px 0; }
.as_guarantee .tit_wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-top: 55px; }
.as_guarantee .tit_wrap p { width: 510px; margin: 0 10px; padding: 14px 0; font-size: 25px; font-weight: 700; color: #363636; line-height: 34px; text-align: center; border-radius: 25px; border: 1px solid #8f8f8f; background-color: #f3f3f3; }
.as_guarantee .case_pc { margin-top: 60px; font-size: 0; line-height: 0; }
.as_guarantee .case_pc img { max-width: 100%; }
.as_guarantee .case_mobile { display: none; margin-top: 40px; font-size: 0; line-height: 0; }
.as_guarantee .case_mobile img { width: 100%; }

.case_list { display: flex; flex-wrap: wrap; gap: 50px; margin-top: 60px; }
.case_list > li { width: calc((100% - 50px) / 2); }
.case_list > li .top { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 6px 25px; font-size: 27px; font-weight: 500; color: #fff; line-height: 36px; background-color: #000; }
.case_list > li .ba { display: flex; flex-wrap: wrap; gap: 10px; }
.case_list > li .ba li { width: calc((100% - 10px) / 2); }
.case_list > li .ba li .img { position: relative; font-size: 0; line-height: 0; border-left: 1px solid #000; border-right: 1px solid #000; }
.case_list > li .ba li .img span { position: absolute; bottom: 25px; left: 0; width: 100%; font-size: 30px; font-weight: 500; color: #fff; line-height: 35px; text-align: center; }
.case_list > li .ba li .tit { padding: 5px 0; font-size: 20px; font-weight: 500; color: #fff; line-height: 25px; text-align: center; background-color: #1f2d5f; }

.self_diagnosis { width: 100%; padding: 75px 0 80px 0; background: url('../images/rainwater/download_bg.jpg') no-repeat center center #0f0f0f; }
.self_diagnosis .txt { font-size: 34px; font-weight: 500; color: #fff; line-height: 48px; text-align: center; }
.self_diagnosis .txt strong { display: block; font-weight: 700; }
.self_diagnosis a { display: block; width: 440px; margin: 35px auto 0 auto; padding: 25px 0; font-family: "GmarketSans"; font-size: 22px; font-weight: 400; color: #3d3d3d; line-height: 31px; text-align: center; border-radius: 10px; background-color: #fffc0b; }
.self_diagnosis a strong { display: block; margin-top: 5px; font-size: 46px; font-weight: 600; color: #020202; line-height: 55px; }

.blocking { padding: 115px 0 120px 0; }
.blocking .list { display: flex; flex-wrap: wrap; gap: 80px 60px; margin-top: 95px; }
.blocking .list li { width: calc((100% - 60px) / 2); display: flex; align-items: center; }
.blocking .list li .icon { padding: 29px 39px; border-radius: 20px; border: 2px solid #3375b0; }
.blocking .list li .cont { width: calc(100% - 240px); margin-left: 38px; color: #fff; }
.blocking .list li .cont .tit { position: relative; padding: 0 0 10px 30px; font-size: 30px; font-weight: 700; color: #1d1d1d; line-height: 39px; border-bottom: 1px solid #aaa; }
.blocking .list li .cont .tit:before { content: ""; position: absolute; top: 14px; left: 0; width: 11px; height: 11px; background: #1d1d1d; }
.blocking .list li .cont .txt { margin: 25px 0 0 30px; font-size: 22px; font-weight: 400; color: #1d1d1d; line-height: 31px; }

.branch_map { padding: 120px 0; background: #1a273b; }
.branch_map .wrap { display: flex; align-items: center; }
.branch_map .cont { width: 34%; text-align: center; }
.branch_map .cont h3 { position: relative; padding-top: 90px; font-size: 38px; font-weight: 700; color: #fff; line-height: 49px; text-align: center; }
.branch_map .cont h3:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 68px; background: url("../images/main/location_icon.png") no-repeat center top; }
.branch_map .cont .txt { margin-top: 20px; font-size: 20px; font-weight: 500; color: #fff; line-height: 31px; }
.branch_map .cont .txt span { display: block; color: #fff000; }
.branch_map .cont .txt em { display: block; width: 170px; margin: 15px auto; color: #0a0a0a; line-height: 35px; background-color: #f4e22c; }
.branch_map .map { position: relative; width: 70%; margin-right: -4%; text-align: right; }
.branch_map .map img { max-width: 100%; }
.branch_map .map span { position: absolute; top: 18%; left: 28%; }

.right_check { padding: 115px 0 120px 0; }
.right_check .list { display: flex; flex-wrap: wrap; gap: 30px 60px; margin-top: 75px; }
.right_check .list li { width: calc((100% - 80px) / 2); margin-left: 10px; padding: 40px 60px; border-radius: 20px; border: 1px solid #d5d5d5; border-left: none; box-shadow: -10px 0 0 rgba(176,35,27,1); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.right_check .list li .tit { padding-left: 53px; font-size: 26px; font-weight: 500; color: #000; line-height: 35px; background: url('../images/detection/check_icon.png') no-repeat left top 1px; }
.right_check .list li .txt { margin: 10px 0 0 53px; font-size: 22px; font-weight: 500; color: #757575; line-height: 31px; }

.mediate { padding: 115px 0 120px 0; }
.mediate h3.rainwater { font-size: 42px; line-height: 56px; }
.mediate h3.rainwater span { color: #aa2626; }
.mediate h3.rainwater em { display: block; margin-bottom: 15px; font-size: 24px; font-weight: 700; color: #151515; line-height: 33px; }
.mediate .explain { margin-top: 45px; font-size: 26px; color: #000; line-height: 37px; text-align: center; }
.mediate .list { display: flex; flex-wrap: wrap; gap: 90px; margin-top: 95px; }
.mediate .list li { position: relative; width: calc((100% - 180px) / 3); border: 1px solid #c5c5c5; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.mediate .list li .number { position: absolute; top: -36px; left: 50%; width: 70px; margin-left: -35px; font-size: 48px; font-weight: 500; color: #fff; line-height: 70px; text-align: center; border-radius: 50%; background-color: #aa2626; }
.mediate .list li .cont { position: absolute; bottom: 0; left: 0; width: 100%; padding: 30px 0; text-align: center; background-color: rgba(255,255,255,0.8); }
.mediate .list li .cont .number { display: none; position: static; margin: 0 auto 25px auto; }
.mediate .list li .cont .tit { font-size: 30px; font-weight: 700; color: #000; line-height: 39px; }
.mediate .list li .cont .txt { margin-top: 20px; font-size: 23px; font-weight: 500; color: #333; line-height: 32px; }
.mediate .list li .img { font-size: 0; line-height: 0; }
.mediate .list li .img img { max-width: 100%; }

.mediate_request { padding: 55px 0 60px 0; background: url('../images/detection/mediate_bg.png') no-repeat center center #171717; }
.mediate_request .txt { font-size: 33px; font-weight: 700; color: #fff; line-height: 47px; text-align: center; }
.mediate_request a { display: block; width: 720px; margin: 20px auto 0 auto; padding: 12px 0; font-size: 30px; font-weight: 700; color: #fff; line-height: 39px; text-align: center; border-radius: 25px; background-color: #aa2626; }

.step5 { padding: 115px 0; }
.step5 .list { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 75px; }
.step5 .list > li { width: calc((100% - 80px) / 5); }
.step5 .list > li .cont { overflow: hidden; border-radius: 20px; border: 1px solid #c6c5c4; }
.step5 .list > li .cont .step { font-size: 26px; font-weight: 600; color: #fff; line-height: 55px; text-align: center; background-color: #1f2d5f; }
.step5 .list > li .cont .img { position: relative; font-size: 0; line-height: 0; }
.step5 .list > li .cont .img .tit { position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px 10px; font-size: 23px; font-weight: 700; color: #fff; line-height: 32px; text-align: center; background-color: rgba(0,0,0,0.7); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.step5 .list > li .txt { margin: 15px 0 0 10px; }
.step5 .list > li .txt li { position: relative; padding-left: 12px; font-size: 17px; font-weight: 500; color: #0f0f0f; line-height: 26px; text-align: #; }
.step5 .list > li .txt li:before { content: ''; position: absolute; top: 11px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #0f0f0f; }

.step5 .list_m { display: none; margin-top: 75px; }
.step5 .list_m > li { display: flex; flex-wrap: wrap; align-items: center; overflow: hidden; width: 100%; margin-top: 20px; border-radius: 20px; border: 1px solid #c6c5c4; }
.step5 .list_m > li .step { width: 100px; font-size: 24px; font-weight: 600; color: #fff; line-height: 275px; text-align: center; background-color: #1f2d5f; }
.step5 .list_m > li .img { width: 200px; font-size: 0; line-height: 0; }
.step5 .list_m > li .img img { width: 100%; }
.step5 .list_m > li .cont { width: calc(100% - 366px); margin-left: 30px; }
.step5 .list_m > li .cont .tit { font-size: 26px; font-weight: 700; color: #1f2d5f; line-height: 35px; }
.step5 .list_m > li .cont .txt { margin: 15px 0 0 0; }
.step5 .list_m > li .cont .txt li { position: relative; padding-left: 12px; font-size: 20px; font-weight: 500; color: #0f0f0f; line-height: 29px; }
.step5 .list_m > li .cont .txt li:before { content: ''; position: absolute; top: 13px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #0f0f0f; }

.detect { padding: 115px 0 120px 0; background-color: #f3f3f3; }
.detect .rainwater em { display: block; margin-top: 10px; font-size: 26px; font-weight: 700; color: #2966bd; line-height: 35px; }
.detect .list { display: flex; flex-wrap: wrap; gap: 70px; margin-top: 75px; }
.detect .list li { overflow: hidden; width: calc((100% - 210px) / 4); border-radius: 20px; border: 1px solid #000; background-color: #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.detect .list li .tit { padding: 15px 0; font-size: 25px; font-weight: 600; color: #fff; line-height: 34px; text-align: center; background-color: #000; }
.detect .list li .cont { padding: 19px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.detect .list li .cont .img { overflow: hidden; font-size: 0; line-height: 0; border-radius: 10px; border: 1px solid #000; }
.detect .list li .cont .txt { margin-top: 20px; font-size: 18px; font-weight: 500; color: #0f0f0f; line-height: 27px; }
.detect .list li .cont .txt em { display: block; width: 66px; margin: 10px 0 5px 0; font-weight: 700; color: #fff; line-height: 27px; text-align: center; border-radius: 10px; background-color: #828282; }
.detect .list li .cont .txt em.color1 { background-color: #2966bd; }
.detect .list li .cont .txt em.color2 { background-color: #173d74; }

.equipment { padding: 120px 0; }
.equipment .top { text-align: center; }
.equipment .top span { display: inline-block; margin-bottom: 35px; padding: 0 30px; font-size: 30px; font-weight: 700; color: #fff; line-height: 49px; border-radius: 30px; background-color: #2966bd; }
.equipment .explain { margin: 20px 0 55px 0; font-size: 26px; font-weight: 500; color: #111; line-height: 35px; text-align: center; }
.equipment .explain strong { font-weight: 700; }

.list_equipment { display: flex; flex-wrap: wrap; gap: 54px; margin-top: 60px; }
.list_equipment li { width: calc((100% - 108px) / 3); overflow: hidden; font-size: 0; line-height: 0; }
.list_equipment li img { width: 100%; }

.card_wrap { padding: 120px 0; }
.card_wrap .top { text-align: center; }
.card_wrap .top span { display: inline-block; margin-bottom: 35px; padding: 0 30px; font-size: 30px; font-weight: 700; color: #fff; line-height: 49px; border-radius: 30px; background-color: #101a31; }

.list_card { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 75px; }
.list_card li { width: calc((100% - 36px) / 3); overflow: hidden; font-size: 0; line-height: 0; border-radius: 0.8vw; }
.list_card li img { width: 100%; }

.video2 { padding: 80px 0; }

.estimate2 { background: #fff !important; }
.estimate2 .wrap { border-radius: 30px; border: 1px solid #c5c5c5; }
.estimate2 h2 { margin-top: 75px; padding-bottom: 75px; }
.estimate2 .input_form { margin: 60px 60px 0 60px; }
.estimate2 .input_form li input[type="text"], .estimate .input_form li input[type="tel"] { border-radius: 10px; background-color: #f7f7f7 !important; }
.estimate2 .input_form li textarea { border-radius: 10px; background-color: #f7f7f7; }
.estimate2 .privacy { margin: 0 80px; padding-left: 0; font-size: 18px; font-weight: 500; color: #111; line-height: 57px; background-color: #fff !important; }
.estimate2 .privacy input[type="checkbox"] { width: 21px; height: 21px; margin: 18px 10px 18px 0; }
.estimate2 .privacy em { margin-left: 12px; color: #b4b4b4; }
.estimate2 .btn { margin: 0 60px 60px 60px; }
.estimate2 .btn button { width: 100%; display: block; font-size: 30px; font-weight: 700; color: #fff; line-height: 89px; text-align: center; border-radius: 10px; background-color: #2966bd; border: none; }

@media screen and (max-width: 1350px) {
	.wrap { width: 980px; margin: 0 auto; }

	.danger_step { gap: 20px; }
	.danger_step > li { width: calc((100% - 60px) / 4); }
	.danger_step > li .img img { width: 100%; }

	.step_list { gap: 20px; }
	.step_list li { width: calc((100% - 20px) / 2); }
	.step_list li .img img { width: 100%; }

	.diagnostic .tit_wrap p { margin: 10px; }
	.diagnostic .equipment_img li { width: 100%; }
	.diagnostic .equipment_img li img { width: 100%; }

	.rightnow a span { display: block; margin: 10px 0 0 0; }

	.as_guarantee .tit_wrap p { margin: 10px; }

	.blocking .list { gap: 40px; }
	.blocking .list li { width: 100%; }

	.branch_map .wrap { display: block; }
	.branch_map .cont { width: 100%; padding-top: 0 !important; }
	.branch_map .map { width: 100%; margin: 80px 0 0 0; text-align: center; }
	.branch_map .map img { max-width: 100%; }

	.mediate .list { gap: 20px; }
	.mediate .list li { width: calc((100% - 40px) / 3); }

}

@media screen and (max-width: 980px) {
	.wrap { width: 750px; margin: 0 auto; }

	.danger_step { gap: 35px 20px; }
	.danger_step > li { width: calc((100% - 20px) / 2); }

	.mediate .list { display: flex; flex-wrap: wrap; gap: 60px; margin-top: 95px; }
	.mediate .list li { display: flex; flex-wrap: wrap; align-items: center; flex-direction: row-reverse; width: 100%; background-color: #f5f5f5; }
	.mediate .list li .number { display: none; }
	.mediate .list li .cont { width: calc(100% - 388px); position: static; padding: 30px 0; text-align: center; background: none; }
	.mediate .list li .cont .number { display: block; }

	.step5 .list { display: none; }
	.step5 .list_m { display: block; }

	.detect .list { gap: 40px; }
	.detect .list li { width: calc((100% - 40px) / 2); }
	.detect .list li .cont .img img { width: 100%; }

	.as_guarantee .case_pc { display: none; }
	.as_guarantee .case_mobile { display: block; }

	.list_equipment { gap: 20px; }
	.list_equipment li { width: calc((100% - 20px) / 2); }

	.list_card li { width: 100%; }
}

@media screen and (max-width: 750px) {
	.wrap { width: auto; margin: 0 20px; }

	h3.rainwater { font-size: 18px; line-height: 27px; }

	.danger { margin: 60px 0 55px 0; }
	.danger h3 { position: relative; padding-top: 45px; font-size: 18px; line-height: 27px; }
	.danger h3:before { height: 30px; background-size: auto 30px; }
	.danger h3 p { margin-bottom: 10px; }
	.danger h3 span { width: auto; padding: 10px 30px; font-size: 16px; line-height: 25px; border-radius: 15px; }
	.danger_step { margin-top: 40px; }
	.danger_step > li .step { font-size: 16px; line-height: 39px; }
	.danger_step > li .txt { margin: 15px 0 0 0; }
	.danger_step > li .txt li { padding-left: 10px; font-size: 13px; line-height: 20px; letter-spacing: -0.3px; }
	.danger_step > li .txt li:before { top: 8px; width: 4px; height: 4px; }

	.rightnow { padding: 15px 0; background-color: #183672; }
	.rightnow a { padding: 15px 0; font-size: 18px; line-height: 25px; border-radius: 10px; }
	.rightnow a span { font-size: 30px; line-height: 31px; }
	.rightnow a br { display: block; }

	.already { padding: 55px 0 60px 0; }
	.already .list { gap: 10px; margin-top: 35px; }
	.already .list li { width: calc((100% - 10px) / 2); padding: 20px 0 25px 0; font-size: 13px; line-height: 20px; border-radius: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
	.already .list li span { margin: 6px 0 4px 0; font-size: 15px; line-height: 22px; }
	.already .list li img { height: 15px; }

	.already_list { margin-top: 35px; }
	.already_list li { width: calc((100% - 10px) / 2); margin-left: 10px; padding: 15px 0 20px 0; font-size: 13px; line-height: 20px; border-radius: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
	.already_list li img { width: 15px; height: 15px; }
	.already_list li span { margin: 6px 0 4px 0; font-size: 15px; line-height: 22px; }

	.check5 { margin: 55px 0 60px 0; }
	.check5 h3 { font-size: 18px; line-height: 27px; }
	.check5 h3 p { margin-bottom: 10px; }
	.check5 h3 span { width: auto; padding: 10px 30px; font-size: 16px; line-height: 25px; border-radius: 15px; }
	.check5 .list { margin-top: 40px; }
	.check5 .list li { position: relative; display: block; padding: 15px 10px 15px 65px; border-radius: 10px; }
	.check5 .list li ~ li { margin-top: 15px; }
	.check5 .list li .number { position: absolute; top: 50%; left: 15px; width: 35px; margin: 0; font-size: 16px; color: #fff; line-height: 35px; transform: translatey(-50%); }
	.check5 .list li .tit { width: 100%; font-size: 16px; line-height: 25px; }
	.check5 .list li .txt { width: 100%; font-size: 14px; line-height: 21px; }

	.resolution { padding: 55px 0 60px 0; }
	.resolution h3 { font-size: 24px; line-height: 33px; }
	.resolution h3 span { margin: 10px 0 5px 0; font-size: 16px; line-height: 25px; }
	.resolution h3 em { font-size: 13px; line-height: 20px; }

	.resolution .list { gap: 20px; margin-top: 35px; }
	.resolution .list li { width: 100%; padding: 25px 20px; border-radius: 20px; background-color: #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
	.resolution .list li .top { padding: 0 20px; font-size: 13px; line-height: 30px; }
	.resolution .list li .add { display: block; margin-top: 15px; font-size: 13px; line-height: 20px; }
	.resolution .list li .add .icon { margin: 0 0 5px 0; font-size: 0; line-height: 0; }
	.resolution .list li .add .icon img { height: 15px; }
	.resolution .list li .subject { height: 100px; margin-top: 15px; font-size: 14px; line-height: 20px; }
	.resolution .list li .date { margin-top: 10px; font-size: 13px; line-height: 20px; }
	.resolution .list li .img { border-radius: 10px; }

	.resolution .btn { margin-top: 30px; }
	.resolution .btn a { padding: 0 30px; font-size: 15px; line-height: 38px; border-radius: 15px; }

	.difference { padding: 55px 0 60px 0; }
	.difference table { margin-top: 35px; }
	.difference table th { padding: 12px; font-size: 14px; line-height: 19px; }
	.difference table td { padding: 12px; font-size: 14px; line-height: 19px; }

	.infrared { padding: 35px; font-size: 18px; line-height: 27px; }
	.infrared br { display: none; }

	.diagnostic { padding: 60px 0; }
	.diagnostic .logo img { height: 18px; }
	.diagnostic  h3 { margin-top: 15px; }
	.diagnostic .h3_txt { margin-top: 5px; font-size: 15px; line-height: 24px; }
	.diagnostic .tit_wrap { margin: 35px 0 30px 0; }
	.diagnostic .tit_wrap p { width: 280px; margin: 5px; padding: 10px 0; font-size: 16px; line-height: 25px; border-radius: 15px; }
	.diagnostic .equipment_img { margin: 30px -5px 0 -5px; padding: 5px; }

	.step_list { margin-top: 35px; }
	.step_list li .step { padding: 10px 0; font-size: 15px; line-height: 20px; }
	.step_list li .cont { padding: 10px 0; }
	.step_list li .cont .tit { font-size: 15px; line-height: 20px; }
	.step_list li .cont .txt { margin-top: 4px; font-size: 12px; line-height: 17px; }

	.as_guarantee { padding: 55px 0 60px 0; }
	.as_guarantee .tit_wrap { margin-top: 30px; }
	.as_guarantee .tit_wrap p { width: 280px; margin: 5px; padding: 10px 0; font-size: 16px; line-height: 25px; border-radius: 15px; }

	.self_diagnosis { padding: 35px 0 40px 0; }
	.self_diagnosis .txt { font-size: 18px; line-height: 27px; }
	.self_diagnosis a { width: 260px; margin: 20px auto 0 auto; padding: 15px 0; font-size: 15px; line-height: 24px; }
	.self_diagnosis a strong { display: block; margin-top: 5px; font-size: 30px; line-height: 39px; }

	.blocking { padding: 55px 0 60px 0; }
	.blocking .list { gap: 20px; margin-top: 35px; }
	.blocking .list li .icon { padding: 15px 20px; border-radius: 10px; border: 1px solid #3375b0; }
	.blocking .list li .icon img { width: 68px; }
	.blocking .list li .cont { width: calc(100% - 130px); margin-left: 20px; }
	.blocking .list li .cont .tit { padding: 0 0 10px 17px; font-size: 15px; line-height: 24px; }
	.blocking .list li .cont .tit:before { top: 8px; width: 7px; height: 7px; }
	.blocking .list li .cont .txt { margin: 10px 0 0 17px; font-size: 13px; line-height: 20px; }

	.branch_map { padding: 60px 0; }
	.branch_map .cont h3 { padding-top: 60px; font-size: 20px; line-height: 29px; }
	.branch_map .cont h3:before { height: 40px; background-size: auto 40px; }
	.branch_map .cont .txt { margin-top: 10px; font-size: 15px; line-height: 22px; }
	.branch_map .cont .txt em { width: 140px; margin: 15px auto; line-height: 30px; }
	.branch_map .map { margin: 60px 0 0 0; }

	.right_check { padding: 55px 0 60px 0; }
	.right_check .list { gap: 20px; margin-top: 35px; }
	.right_check .list li { width: calc((100% - 30px) / 2); margin-left: 5px; padding: 15px 0 15px 10px; border-radius: 10px; box-shadow: -5px 0 0 rgba(176,35,27,1); }
	.right_check .list li .tit { padding: 28px 5px 0 0; font-size: 15px; line-height: 22px; background: url('../images/detection/check_icon.png') no-repeat left top 1px; background-size: 18px; }
	.right_check .list li .txt { margin: 5px 5px 0 0; font-size: 13px; line-height: 20px; }

	.mediate { padding: 55px 0 60px 0; }
	.mediate h3.rainwater { font-size: 22px; line-height: 31px; }
	.mediate h3.rainwater em { margin-bottom: 10px; font-size: 15px; line-height: 24px; }
	.mediate .explain { margin-top: 25px; font-size: 15px; line-height: 24px; }

	.mediate .list { gap: 20px; margin-top: 35px; }
	.mediate .list li .number { width: 30px; font-size: 20px; line-height: 30px; }
	.mediate .list li .cont { width: 50%; padding: 0 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
	.mediate .list li .cont .number { margin: 0 auto 10px auto; }
	.mediate .list li .cont .tit { font-size: 16px; line-height: 25px; }
	.mediate .list li .cont .txt { margin-top: 5px; font-size: 13px; line-height: 22px; }
	.mediate .list li .cont .txt br { display: none; }
	.mediate .list li .img { width: 50%; }

	.mediate_request { padding: 35px 0 40px 0; }
	.mediate_request .txt { font-size: 18px; line-height: 27px; }
	.mediate_request a { width: 100%; padding: 10px 0; font-size: 16px; line-height: 25px; border-radius: 15px; }

	.step5 { padding: 55px 0 60px 0; }
	.step5 .list_m { margin-top: 35px; }
	.step5 .list_m > li { margin-top: 20px; border-radius: 10px; }
	.step5 .list_m > li .step { width: 50px; font-size: 13px; line-height: 137px; }
	.step5 .list_m > li .img { width: 100px; }
	.step5 .list_m > li .img img { width: 100%; }
	.step5 .list_m > li .cont { width: calc(100% - 165px); margin-left: 15px; }
	.step5 .list_m > li .cont .tit { font-size: 16px; line-height: 25px; }
	.step5 .list_m > li .cont .txt { margin: 5px 0 0 0; }
	.step5 .list_m > li .cont .txt li { padding-left: 10px; font-size: 12px; line-height: 19px; }
	.step5 .list_m > li .cont .txt li:before { top: 7px; width: 3px; height: 3px; }

	.detect { padding: 55px 0 60px 0; }
	.detect .rainwater em { margin-top: 5px; font-size: 15px; line-height: 24px; }
	.detect .list { gap: 20px; margin-top: 35px; }
	.detect .list li { width: calc((100% - 20px) / 2); border-radius: 10px; }
	.detect .list li .tit { padding: 10px 0; font-size: 16px; line-height: 21px; }
	.detect .list li .tit em { display: block; }
	.detect .list li .cont { padding: 20px 12px 12px 12px; }
	.detect .list li .cont .img { border-radius: 5px; }
	.detect .list li .cont .txt { margin-top: 20px; font-size: 14px; line-height: 19px; }
	.detect .list li .cont .txt em { width: 50px; margin: 10px 0 5px 0; line-height: 23px; border-radius: 5px; }

	.equipment { padding: 60px 0; }
	.equipment .top span { margin-bottom: 15px; padding: 0 20px; font-size: 16px; line-height: 35px; }
	.equipment .explain { margin: 10px 0 35px 0; font-size: 14px; line-height: 23px; }

	.list_equipment { margin-top: 40px; }

	.card_wrap { padding: 60px 0; }
	.card_wrap .top span { margin-bottom: 15px; padding: 0 20px; font-size: 16px; line-height: 35px; }

	.list_card { margin-top: 35px; }

	.video2 { padding: 40px 0; }

	.estimate2 .wrap { border-radius: 10px; }
	.estimate2 h2 { margin-top: 35px; padding-bottom: 35px; }
	.estimate2 .input_form { margin: 30px 20px 0 20px; }
	.estimate2 .privacy { margin: 10px 20px; font-size: 13px; line-height: 22px; }
	.estimate2 .privacy input[type="checkbox"] { width: 16px; height: 16px; margin: 3px 8px 0 0; }
	.estimate2 .privacy em { display: block; margin: 0 0 0 24px; }
	.estimate2 .btn { margin: 0 20px 30px 20px; }
	.estimate2 .btn button { font-size: 16px; line-height: 45px; }

}

@media screen and (max-width: 480px) {
	.wrap { width: auto; margin: 0 20px; }

}