.title--contact {
    border-bottom: 1px solid var(--black);
    border-top: none;
}

@media (min-width: 48em) {
    .title--contact {
        border-bottom-width: 2px;
    }
}
.title--contact .container {
    min-height: 106px;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

@media (min-width: 48em) {
    .title--contact .container {
        min-height: 206px;
        align-items: flex-start;
        min-height: 306px;
        padding-left: 60px;
    }
}

.title--contact h2 {
    font-size: 18px;
    color: var(--black);
    margin-bottom: 0;
}

@media (min-width: 48em) {
    .title--contact h2 {
        font-size: 30px;
    }
}
@media only screen and (min-width: 992px) {
    .title--contact h2 {
        font-size: 40px;
    }
}

.title--contact .slash::after {
    background: #acc4f2;
}


.inner-left-col{
    display: flex;
    justify-content: flex-start;
    align-item: flex-start;
    margin-inline: -15px;
}
.content--contact .col-left{
    width: 25%;
}
.content--contact .col-main{
    width: 75%;
    border-left: 1px solid var(--black);
}
@media (min-width: 48em){
    .content--contact .col-main{
        border-left-width: 2px;
    }
}

.contain--contact-side{
    padding: 100px 0 100px 55px;
}
.contain--contact-form{
    padding: 100px 55px;
    font-size: 18px;
    line-height: 24px;
}

.contain--contact-form dl+dl{
    margin-top: 60px;
}
.contain--contact-form dt{
    margin: 0 0 25px;
}
.contain--contact-form dt label{
    font-size: 24px;
    line-height: 24px;
    font-weight: 400;
    margin: 0;
    display: flex;
    align-items: center;
}
.contain--contact-form dt p{
    font-size: 14px;
    line-height: 20px;
    color: #afafaf;
    font-weight: 400;
}
.contain--contact-form dt label span{
    width: 55px;
    font-size: 16px;
    line-height: 24px;
    border: 1px solid var(--black);
    margin-right: 5px;
    display: inline-block;
    text-align: center;
    background:#ffc0c0;
}
.contain--contact-form dd{
    margin: 0;
}
.contain--contact-form input[type=text].wpcf7-form-control,
.contain--contact-form input[type=tel].wpcf7-form-control,
.contain--contact-form textarea.wpcf7-form-control{
    width: 100%;
    padding: 17px 24px;
    border: 1px solid var(--gray);
    outline: none !important;
}

.contain--contact-form .wpcf7-form-control-wrap .wpcf7-list-item{
    display: block;
    margin: 0;
}
.custom-wpcf7c-confirmed .wpcf7-form-control-wrap .wpcf7-list-item{
    height: 0;
}
.custom-wpcf7c-confirmed .wpcf7-form-control-wrap .wpcf7-list-item.first{
    height: auto;
}
.contain--contact-form .wpcf7-list-item {
    display: block;
    margin-bottom: 10px;
}

.wpcf7-form .wpcf7-radio {

}

.contain--contact-form .wpcf7-radio label {
    position: relative;
    cursor: pointer;
}

.contain--contact-form .wpcf7-radio input[type=radio] {
    position: relative;
    visibility: hidden;
}

.contain--contact-form .wpcf7-radio input[type=radio] + span {
    margin-left: 15px;
}

.contain--contact-form .wpcf7-radio input[type=radio] + span:before {
    display: block;
    position: absolute;
    content: '';
    height: 20px;
    width: 20px;
    top: 0px;
    border: 1px solid #222;
}

.contain--contact-form .wpcf7-radio input[type=radio] + span:after {
    display: block;
    position: absolute;
    content: '';
    height: 16px;
    width: 16px;
    top: 2px;
    left: 2px;
    visibility: hidden;
}

.contain--contact-form .wpcf7-radio input[type=radio]:checked + span:before {
    background: transparent;
    /*     border-color: red; */
}

.contain--contact-form .wpcf7-radio input[type=radio]:checked + span:after {
    background: #0081ce;
    visibility: visible;
}





.contain--contact-form .wpcf7-checkbox label,
.contain--contact-form .wpcf7-acceptance label{
    position: relative;
    cursor: pointer;
}

.contain--contact-form .wpcf7-checkbox input[type=checkbox],
.contain--contact-form .wpcf7-acceptance input[type=checkbox]{
    position: relative;
    visibility: hidden;
}

.contain--contact-form .wpcf7-checkbox input[type=checkbox] + span,
.contain--contact-form .wpcf7-acceptance input[type=checkbox] + span {
    /*   border: 3px solid red;  */
    margin-left: 15px;
}

.contain--contact-form .wpcf7-checkbox input[type=checkbox] + span:before,
.contain--contact-form .wpcf7-acceptance input[type=checkbox] + span:before{
    display: block;
    position: absolute;
    content: '';
    height: 20px;
    width: 20px;
    top: 0px;
    border: 1px solid #222;
}

.contain--contact-form .wpcf7-checkbox input[type=checkbox] + span:after,
.contain--contact-form .wpcf7-acceptance input[type=checkbox] + span:after{
    display: block;
    position: absolute;
    content: '';
    height: 16px;
    width: 16px;
    top: 2px;
    left: 2px;
    visibility: hidden;
    font-size: 16px;
}

.contain--contact-form .wpcf7-checkbox input[type=checkbox]:checked + span:before,
.contain--contact-form .wpcf7-acceptance input[type=checkbox]:checked + span:before{
    background: transparent;
    /*     border-color: red; */
}

.contain--contact-form .wpcf7-checkbox input[type=checkbox]:checked + span:after,
.contain--contact-form .wpcf7-acceptance input[type=checkbox]:checked + span:after{
    background: #0081ce; 
    visibility: visible;
}

.contain--contact-form .wpcf7-form-control.wpcf7-file{
    width: 100%;
    height: 35px;
}
.contain--contact-form dl dd a{
    text-decoration: underline;
    font-size: 14px;
    line-height: 20px;
}
.contain--contact-form .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item{
    display: inline-block;
}

.contain-btn{
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 10px;
    margin-top: 125px;
    flex-direction: column;
    gap: 30px;
}
.contain--contact-form .wpcf7-submit{
    width: 468px;
    height: 80px;
    display: block;
    margin: 0 auto 0;
    text-align: center;
    color: #fff;
    font-weight: 700;
    position:relative;
    background: url(../images/white_arrow_right.png) no-repeat var(--fifth);
    background-size: 13px 8px;
    background-position: calc(100% - 20px) 50%;
}
.contain--contact-form .wpcf7c-btn-confirm{
    width: 320px;
    height: 80px;
    display: block;
    margin: 0 auto 0;
    text-align: center;
    color: #fff;
    font-weight: 700;
    position:relative;
    background: url(../images/white_arrow_right.png) no-repeat var(--fifth);
    background-size: 13px 8px;
    background-position: calc(100% - 20px) 50%;
}
.contain--contact-form .wpcf7c-btn-back{
    width: 468px;
    height: 80px;
    display: block;
    margin: 0 auto 0;
    text-align: center;
    color: #000;
    font-weight: 700;
    position:relative;
    background: url(../images/black_arrow_right.png) no-repeat #ffc0c0;
    background-size: 13px 8px;
    background-position: calc(100% - 20px) 50%;
}
.contain--contact-form .wpcf7-response-output{
    display: none;
}


.contain--contact-side ul{ 
    list-style: none;
    padding: 0;
    margin: 0;
}
.contain--contact-side ul li{
    font-size: 24px;
    line-height: 32px;
    color: rgba(48,48,48,0.3);
    margin-bottom: 80px;
    position: relative;
}
.contain--contact-side ul li:after{
    position: absolute;
    left: 12px;
    top: 100%;
    border-left: 1px solid rgba(48,48,48,0.3);
    height: 60px;
    content: "";
}
.contain--contact-side ul li:last-child:after{
    display: none;
}
.contain--contact-side ul li.current{
    color: #0081ce;
}
.custom-wpcf7c-confirmed .contain--contact-side ul li:nth-child(2){
    color: #0081ce;
}


.custom-wpcf7c-confirmed .wpcf7-list-item-label{
    display: none;
}
.custom-wpcf7c-confirmed input[type=radio]+input+.wpcf7-list-item-label{
    display: inline-block;
}
.wpcf7-spinner{
    display: none;
}
@media (max-width: 767px){
    .inner-left-col{
        flex-wrap: wrap;
    }
    .contain--contact-form{
        font-size: 16px;
        line-height: 20px;
    }
    .contain--contact-side{
        padding: 30px 15px 0;
    }
    .contain--contact-side ul{
        display: flex;justify-content: flex-start;
        align-items: flex-start;
    }
    .contain--contact-side ul li{
        width: 33.333333%;
        margin: 0;
        font-size: 16px;
        line-height: 20px;
    }
    .contain--contact-side ul li:after{
        display: none;
    }
    .contain--contact-form{
        padding: 30px 15px;
    }
    .contain--contact-form dt{
        margin-bottom: 15px;
    }
    .contain--contact-form dt label{
        font-size: 16px;
        line-height: 20px;
    }
    .contain--contact-form dt label span{
        font-size: 14px;
        line-height: 20px;
    }
    .content--contact .col-main,.content--contact .col-left{
        border: none;
        width: 100%;
    }
    .contain--contact-form dl+dl{
        margin-top: 30px;
    }
    .contain--contact-form input[type=text].wpcf7-form-control, .contain--contact-form input[type=tel].wpcf7-form-control, .contain--contact-form textarea.wpcf7-form-control{
        padding: 9px 15px;
    }
    .contain-btn{
        margin-top: 60px;padding: 0 15px;
    }
    .contain--contact-form .wpcf7c-btn-confirm,
    .contain--contact-form .wpcf7c-btn-back,
    .contain--contact-form .wpcf7-submit{
        height: 58px;
        width: 100%;
        max-width: 320px;
        font-size: 18px;
        line-height: 20px;
    }
}

.item--file+.item--file{
    margin-top: 10px;
}
.wpcf7-form-control.wpcf7-file{
    border: 1px solid var(--gray);
    padding: 6px 0 0px 12px;
}
input[type=file]::-webkit-file-upload-button {
    padding: 7.5px 15px;
    margin: 0 -15px;
    -webkit-margin-end: 15px;
    margin-inline-end: 15px;
    color: #fff;
    line-height: 19px;
    padding-bottom: 4px;
    background-color: #0081ce;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
input[type=file]::file-selector-button {
    padding: 7.5px 15px;
    margin: -7.5px -15px;
    -webkit-margin-end: 15px;
    margin-inline-end: 15px;
    color: #fff;
    line-height: 19px;
    padding-bottom: 4px;
    background-color: #0081ce;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    input[type=file]::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none;
    }
    input[type=file]::file-selector-button {
        transition: none;
    }
}
input[type=file]:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #016aa9;
}
input[type=file]:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #016aa9;
}
input[type=file]::-webkit-file-upload-button {
    padding: 7.5px 15px;
    margin: -7.5px -15px;
    -webkit-margin-end: 15px;
    margin-inline-end: 15px;
    color: #fff;
    background-color: #0081ce;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    input[type=file]::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none;
    }
}
input[type=file]:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #016aa9;
}

input[type="file"]{
    -webkit-appearance: none;
    text-align: left;
    -webkit-rtl-ordering:  left;
}
@media only screen and (min-width: 768px) {
    .wpcf7-form-control.wpcf7-file{
    padding: 5px 0 0px 12px;
}
input[type="file"]::-webkit-file-upload-button{
    -webkit-appearance: none;
    float: right;
    margin: -5px 0 0 0;
    border: 1px solid #aaaaaa;
}
}
.content--contact > .container {
    border-right: 2px solid var(--black);
}
h1.page_title {
    font-size: 24px;
    color: var(--text-body);
}
.page_content {
    line-height: 1.8;
}
.top_link {
    border-top: 2px solid var(--black);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 60px 0;
}
.top_link .company__actions {
    margin: 0;
}
@media only screen and (max-width: 767px) {
    .content--contact > .container {
        border-right: 0;
    }
    .title--contact .container {
        padding-top: 40px;
        padding-bottom: 30px;
    }
    .content--contact {
        padding: 0 15px
    }
    .content--contact .container {
        border-left: 1px solid var(--black);
        border-right: 1px solid var(--black);
    }
    .top_link {
        border-top:0;padding: 0 15px
    }
    .top_link .container {
        border-left: 1px solid var(--black);
        border-right: 1px solid var(--black);
        padding: 40px 15px;
    }
}
.wpcf7-form.custom-wpcf7c-confirmed input[type="text"].wpcf7-form-control, 
.wpcf7-form.custom-wpcf7c-confirmed input[type="text"].wpcf7c-conf, 
.wpcf7-form.custom-wpcf7c-confirmed input[type="tel"].wpcf7-form-control, 
.wpcf7-form.custom-wpcf7c-confirmed textarea.wpcf7-form-control{
    background: #fff;
}