/* service */
#intro_tech {padding-top: 10px;}
.bns_row {min-height: calc(100vh - 173px); padding-top: 70px; padding-bottom: 100px;}
.container {width: 1075px; margin: 0 auto;}
.sub_title {margin-top: 112px; margin-bottom: 77px;}
.sub_title_main {width: 228px; font-size: 22px; line-height: 1.3; color: #000; text-align: center; font-weight: bold;
    border-bottom: 1px solid #e4e4e4; margin: 0 auto; padding-bottom: 12px; margin-bottom: 8px;}
.sub_title_page {font-size: 14px; line-height: 1.3; color: #969696; text-align: center;}
.tab_btn_warp {display: flex; justify-content: center; align-items: center;}
.tab_btn_warp .list {padding: 0 14px;}
.tab_btn_warp .tab_btn {display: block; width: 205px; padding: 30px 0; text-align: center; border: 1px solid #e4e4e4;}
.tab_btn_warp .tab_btn.active {box-shadow: 0 0 10px rgba(1,1,1,0.25);}

.tab_area {display: none; padding-bottom: 184px;}
.tab_area.active {display: block;}
.tab_area_wrap {padding-top: 66px;}
.service_tab_title {font-size: 30px; margin-bottom: 13px; text-align: center;}
.service_tab_text {font-size: 20px; line-height: 2;}
.service_tab_img {margin-top: 30px;}
.service_tab_img .img {width: 100%;}
.sub_btn_wrap {margin-top: 75px;}
.sub_btn_wrap .link {display: block; width: 240px; font-size: 18px; color: #5c5c5c;
    padding: 19px 0; text-align: center; border: 1px solid #707070; margin: 0 auto;}

/* estimate */
.estimate_wrap {width: 1134px; margin: 0 auto; padding-top: 108px;}
.estimate_title_wrap {border-bottom: 1px solid #1e0f3f;}
.estimate_title {font-size: 26px; color: #6a6a6a; padding-bottom: 14px; font-weight: bold;}
.estimate {margin-bottom: 105px;}
.estimate_form_box {width: 100%; display: flex; justify-content: space-between; border-bottom: 1px solid #e4e4e4;}
.estimate_form_box .row {display: flex; width: 100%;  align-items: center; padding: 7px 0;}
.estimate_form_box .left, .estimate_form_box .right {width: auto;}
.estimate_form_box .row:nth-child(2) {margin-right: 0;}
.estimate_form_box .label {width: 120px; padding-left: 10px; font-size: 18px; color: #4b4b4b; cursor: default; white-space: nowrap;}
.estimate_form_box .input {width: calc(100% - 120px); height: 34px; font-size: 18px; color: #696969; border: 1px solid #adadad; border-radius: 2px;}
.estimate_form_box .left .input , .estimate_form_box .right .input {width: 100%;}
.estimate_form_box .left .input {width: 409px;}
.estimate_form_box .right .input {width: 420px;}
.text_box .row {align-items: baseline;}
.estimate_form_box .textarea {width: calc(100% - 120px); height: 245px; font-size: 18px; color: #696969; border: 1px solid #adadad; border-radius: 2px;}
.agree_title_text {font-size: 18px; color: #4b4b4b; font-weight: normal;}
.estimate .sub_btn_wrap {margin-top: 108px;}
.sub_btn_wrap .button {display: block; width: 240px; font-size: 18px; color: #5c5c5c;
    padding: 19px 0; text-align: center; border: 1px solid #707070; margin: 0 auto; background: #fff;}
.files {display: flex; margin-bottom: 6px;}
.filelist {display:flex; align-items: center;margin-left:10px;color:#9b9b9b;}

.files:last-child {margin-bottom: 0;}
.files .label {
    display: block;
    width: 124px; height: 34px;
    line-height: 32px;
    color: #4b4b4b;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #969696;
    padding: 0;
}
.files .file {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0;
}
.upload_name {background: #fff; color: #4b4b4b; font-size: 13px; padding-left: 35px;}
.estimate_form_box.agree {display: block; padding: 12px 10px;}
.agree_text_box {background: #f7f7f7; padding: 13px 20px 33px 20px; margin: 12px 0 16px 0;}
.agree_text {font-size: 14px; color: #696969; line-height: 1.3;}
.agree_form_box {display: flex; align-items: center;}
.estimate_form_box.agree .label {font-size: 16px; padding-left: 0;}
.checkbox {
    display: none;
}
.checkbox + label {
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.checkbox + label:before {
    content: ' ';
    display: inline-block;
    width: 20px;
    height: 19px;
    line-height: 20px;
    margin: -2px 8px 0 0;
    text-align: center;
    vertical-align: middle;
    background: url(../image/ico_checkbox.png) no-repeat center/100%;
}
.checkbox + label:active:before,
.checkbox:checked + label:active:before {
    background-image: url(../image/ico_checkbox_on.png);
}
.checkbox:checked + label:before {
    background-image: url(../image/ico_checkbox_on.png);
}
