.contact-inner-left figure{padding-bottom: 141.6%;}
.contact-outer {width: 100%;flex-direction: column;}
.contact-top {width: 100%;}
.contact-info-title,.contact-info-desc{color: var(--cblack);}

.contact-info-list{width: 100%;justify-content: center;align-content: center;}
.contact-bottom {width: 100%;}

.contact-info-list > li figure{display: flex;flex-direction: column;justify-content: center;align-items: center}
.contact-info-list  li > figure img{margin: 0 auto;}
.contact-info-list > li > figure > figcaption > a{color: var(--cblack);text-align: center;}
.info-social-list{justify-content:center;align-items:center;}

.contact-row{align-items: end}
.contact-row-text{color: var(--cblack)}
.contact-label-link{color: var(--cblack)}

.contact-label-wrapper > .contact-label-container > a{padding-left: 10px;margin-left: 10px;}
.contact-checkmark{width: 40px;height: 40px;border-radius:50%;border:2px solid var(--cblack);flex-shrink: 0;display: inline-block;cursor: pointer}
.contact-label:hover input ~ .contact-checkmark{border:1px solid var(--c)}
.contact-label input:checked ~ .contact-checkmark{border:1px solid #4b4b4b;background-color:#4b4b4b}
.contact-checkmark:after{content:"";position:absolute;display:none}
.contact-label input:checked ~ .contact-checkmark:after{display:block}
.contact-label .contact-checkmark:after{left:0;right:0;top:12px;margin:auto;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-ms-transform:rotate(45deg);transform:rotate(45deg)}
.contact-label {display: block;position: relative;cursor: pointer;font-size: 14px;font-weight: 300;color: #fff;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.contact-label-container{align-items: center;}
.contact-submit-outer{background: var(--c);width: 100%;text-align: center;cursor: pointer;}
#contact-submit{color: var(--cwhite);padding: 20px 0;border: none;outline: none;margin: 0 auto;background: transparent;cursor: pointer;width: 100%;}
.contact-submit-col{display: flex;align-items: center;}

.dot-form{color: var(--cblack);font:var(--font20BoldC);margin-top: auto;}
.dot-form{display: none!important;}
#contact_comments{resize: none;outline: none;border: none;height: 50px;}

.form-container{flex-direction:column}
@media (min-width: 1200px){
    .contact-outer{max-width: 1400px;margin: 5.729vw auto 0;}
    .contact-inner-left {width: 44%;}
    .contact-inner-right {width: 51%;margin-left: 5%;}
    .contact-info-title {font: var(--font40Bold);line-height: 1.15;}
    .contact-info-desc {margin-top: 1.302vw;font: var(--font25LightC);line-height: 1.25;max-width: 650px;}
    .contact-info-list {margin-top: 4.428vw;text-align: center}
    .contact-info-list > li {width: 24%;margin-left: 1.33%;}
    .contact-info-list > li:first-child {margin-left: 0;}
    .contact-info-list > li figure > figcaption {margin-top: 1.302vw;}
    .contact-info-list > li > figure > figcaption a {font: var(--font30BoldC);}
    .contact-info-list  li > figure img{height: 50px;}
    .info-social-list{max-width:50%;margin:1.302vw auto 0}
    .info-social-list > li {margin-left: 1.406vw;}
    .info-social-list > li:first-child {margin-left: 0;}

    .contact-row-text{font:var(--font30BoldC);text-align: center}
    .contact-row-text.test{}
    .contact-label-link{font:var(--font20BoldC)}
    .contact-bottom{margin:0 auto;}
    .form-container > div {margin-top: 1.042vw;padding-top: 1.042vw;}
    .contact-row-field{width: 100%;}
    .contact-row-field .input.input--madoka {width: 100%;max-width: 100%;}
    .contact-submit-col {margin-top: 35px;padding-top: 15px;flex-direction: column;}
    .contact-submit-outer {margin-top: 20px;}
    #contact-submit {font: var(--font22BoldO);}
}

@media (max-width: 1199px) {
    .contact-top{flex-direction: column;}
    .contact-inner-left{width:100%}
    .contact-inner-right{text-align:center}
    .contact-info-title{width:100%}

    .contact-info-outer{justify-content:center;align-items:center}
    .contact-submit-col {flex-direction: column;}
    .contact-label-wrapper {width: 100%;}
    .contact-submit-outer {width: 100%;}

    .contact-row-text{font:var(--font25Bold);}
    .contact-info-title{font:var(--font30C);}
    .contact-info-desc{font:var(--font25LightC);}

    .contact-row{flex-direction:column;width: 100%;}
    .contact-row-field {margin-top: 5.208vw;}
    .contact-row-text{width: 100%;margin: 4.167vw auto 0;padding-top: 4.167vw;text-align: center;}
    .contact-submit-col{margin-top:9.375vw}
    .contact-submit-outer{margin-top:9.375vw;}
    .contact-label-container {max-width: calc(100% - 6.25vw);margin: 0 auto;justify-content: center;}
    .contact-label-link {font: 700 clamp(1rem, 0.7857rem + 0.2857vw, 1.125rem) / 1 'Comfortaa', sans-serif;}
}

@media (max-width: 1199px) and (min-width: 765px){
    .contact-row{align-items: end;justify-content: center}
    .contact-top{margin-top:5.208vw}
    .contact-inner-left{max-width: 70%;margin: 0 auto;}

    .contact-inner-left {max-width: 70%;margin: 0 auto;}
    .contact-inner-right {margin-top: 3.418vw;}
    .contact-info-title {font: var(--font30C);line-height: 1.33;}
    .contact-info-desc {margin-top: 1.953vw;line-height: 1.6;/*max-width: 80%;*/}
    /*.contact-info-list {margin-top: 4.395vw;}*/
    .contact-info-list > li {margin-top: 3.418vw;width: 49%;}
    .contact-info-list > li > figure > figcaption {margin-top: 1.465vw;}
    .contact-info-list > li > figure > figcaption > a {font: var(--font25Reg);line-height: 1.2;}

    .form-container{justify-content: center;align-items: center;}
    .info-social-list {margin-top: 1.465vw;}
    .info-social-list > li {margin-left: 2.441vw;}
    .info-social-list > li:first-child {margin-left: 0;}
    .contact-bottom {margin-top: 6.543vw;}
    .contact-submit-col{margin-top: 4.395vw}
    .contact-submit-outer{margin-top: 4.395vw}
    .form-container > .contact-row {margin-bottom: 1.465vw;padding-bottom: 0.977vw;}
    .contact-row-field{width: 100%;}
    .contact-row-field .input{max-width: 600px;}
}

@media (max-width: 764px){
    .contact-row{align-items: center}
    .contact-top{margin-top:5.208vw}
    .contact-inner-right{margin-top:7.292vw;}
    .contact-info-desc{margin-top:4.167vw}
    .contact-info-list{margin-top:9.375vw;max-width:calc(100% - 12.5vw);flex-direction: column;}
    .contact-info-list > li{margin-top:12.5vw;text-align: center}
    .contact-info-list > li:first-child{margin-top:0}
    .contact-info-list > li figure > figcaption{margin-top:3.125vw}
    .contact-info-list > li > figure > figcaption a{font:var(--font25Reg);line-height:1.2}
    .info-social-list{margin-top:3.125vw}
    .info-social-list > li{margin-left:5.625vw}
    .info-social-list > li:first-child{margin-left:0}
    .contact-bottom{margin-top:13.958vw}
    /*.contact-row-field {margin-top: 5.208vw;}*/
    .contact-row-text{max-width: calc(100% - 8.333vw);margin: 4.167vw auto 0;padding-top: 4.167vw;text-align: center;}
    .contact-submit-col{margin-top:9.375vw}
    .contact-submit-outer{margin-top:9.375vw;}
    .contact-label-container {/*max-width: calc(100% - 6.25vw);*/width:100%;margin: 0 auto;justify-content: left;}
    .contact-label-link {max-width: 100%;font: 700 clamp(1rem, 0.7857rem + 0.2857vw, 1.125rem) / 1 'Comfortaa', sans-serif;}
    .form-container{flex-direction:column}
    .contact-row-field{width:100%}
    .contact-row:first-child .contact-row-text {margin-top: 0;padding-top: 0;}

    .input.input--madoka{width: 100%;max-width: calc(100% - 2.2em);}
}

.input{position:relative;z-index:1;display:inline-block;margin:1em;max-width:370px;width:calc(100% - 2em);vertical-align:top}
.input__field{position:relative;display:block;float:right;padding:.8em;width:60%;border:none;border-radius:0;background:#f0f0f0;color:#aaa;font-weight:600;font-family:"Open Sans",sans-serif;-webkit-appearance:none}
.input__field:focus{outline:none}
.input__label{display:inline-block;float:right;padding:0 1em;width:40%;color:#6a7989;font-weight:700;font-size:70.25%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.input__label-content{position:relative;display:block;padding:1.6em 0;width:100%;text-align: center;color: #868686}
.graphic{position:absolute;top:0;left:0;fill:none}
.input--madoka{margin:0}
.input__field--madoka{width:100%;background:transparent;color: var(--cblack);}
.input__label--madoka{position:absolute;width:100%;height:100%;color:#D9D9D9;;text-align:left;cursor:text;left: 0}
.input__label-content--madoka{/*-webkit-transform-origin:0 50%;transform-origin:0 50%;*/-webkit-transition:-webkit-transform .3s;transition:transform .3s}
.graphic--madoka{-webkit-transform:scale3d(1,-1,1);transform:scale3d(1,-1,1);-webkit-transition:stroke-dashoffset .3s;transition:stroke-dashoffset .3s;pointer-events:none;stroke:#D9D9D9;;stroke-width:4px;stroke-dasharray:962;stroke-dashoffset:558}
.input__field--madoka:focus + .input__label--madoka,.input--filled .input__label--madoka{cursor:default;pointer-events:none}
.input__field--madoka:focus + .input__label--madoka .graphic--madoka,.input--filled .graphic--madoka{stroke-dashoffset:0}
.input__field--madoka:focus + .input__label--madoka .input__label-content--madoka,.input--filled .input__label-content--madoka{-webkit-transform:scale3d(0.81,0.81,1) translate3d(0,4em,0);transform:scale3d(0.81,0.81,1) translate3d(0,4em,0)}

.input.input--madoka.input--filled textarea .input__label-content--madoka,
.input.input--madoka textarea.input__field--madoka:focus ~ .input__label .input__label-content--madoka {
    -webkit-transform:scale3d(0.81,0.81,1) translate3d(0,6em,0);transform:scale3d(0.81,0.81,1) translate3d(0,6em,0)
}

@media ( hover: hover ) and ( pointer: fine ) {
    .contact-submit-outer:hover {background: #d85757;transition: all .4s ease;}
    .contact-info-list > li > figure > figcaption > a:hover {color: var(--c);transition: all .4s ease;}
}