.contact-page .container{
padding: 100px 0;
}
.contact-page .ttl-blk {
margin: 100px 0;
text-align: center;
}
.contact-page .ttl-blk p {
padding-top: 10px;
}
.form-blk {
display: flex;
justify-content: space-between;
margin-bottom: 100px;
}
.form-blk .content-blk {
width: 40%;
}
.form-blk .content-blk .contact-info-blk {
margin-bottom: 30px;
}
.form-blk .content-blk .contact-info-detail {
width: 100%;
margin-left: 20px;
}
.form-blk .content-blk .contact-info-detail span {
font-size: 12px;
font-weight: 400;
color: var(--txt-light-color);
}
.form-blk .content-blk .contact-info-detail a {
font-weight: 600;
}
.form-blk .form {
width: 50%;
}
.nf-form-fields-required {
display: none;
}
.nf-field-label .nf-label-span, .nf-field-label label {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 24px;
letter-spacing: -1.1%;
vertical-align: middle;
}
.nf-field-element input, .nf-field-element select {
height: 60px !important;
}
.nf-field-element input, .nf-field-element select, .nf-field-element textarea {
padding-right: 20px;
padding-left: 20px;
gap: 10px;
border-radius: 4px;
border-width: 1px;
background: #C2DCFF33;
border: 1px solid #4B5991;
color: var(--txt-primary-color);
outline: none;
}
.nf-field-element input[type="submit"] {
width: 100% !important;
padding-top: 14px;
padding-right: 16px;
padding-bottom: 14px;
padding-left: 16px;
gap: 4px;
border-radius: Corner/Small;
background: var(--primary-primary-base, #FDB913);
box-shadow: 0px 1px 2px 0px #375DFB14;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.6%;
text-align: center;
}
.contact-info-blk {
display: flex;
align-items: center;
}
.contact-info-blk:not(:last-child) {
border-bottom: 1px solid #EBF4FF33;
padding-bottom: 30px;
}
.contact-info-blk .social-icon {
margin-right: 30px;
}
.contact-page .map-blk iframe {
border-radius: 15px;
} @media only screen and (min-width:768px) and (max-width:1280px) {
.contact-page .container{
padding: 7.813vw 0;
}
.contact-page .ttl-blk {
margin: 7.813vw 0;
}
.contact-page .ttl-blk p {
font-size: 1.406vw;
padding-top: 0.781vw;
}    
.form-blk {
margin-bottom: 7.813vw;
}
.form-blk .content-blk .contact-info-blk {
margin-bottom: 2.344vw;
}
.form-blk .content-blk .contact-info-detail {
margin-left: 1.563vw;
}
.form-blk .content-blk .contact-info-detail span {
font-size: 0.938vw;
}
.contact-info-blk:not(:last-child) {
padding-bottom: 2.344vw;
}
.contact-info-blk a {
margin-right: 2.344vw;
}
.contact-info-blk .ico-bg {
border-radius: 0.781vw;
padding: 0.938vw;
}
.contact-info-blk img {
width: 1.875vw;
height: 1.875vw;
}
.contact-page .map-blk iframe {
border-radius: 1.172vw;
}
.nf-field-element input, .nf-field-element select {
height: 4.688vw !important;
}
} @media all and (max-width:767.9px) {
.contact-page .container{
padding: 13.333vw 4vw;
}
.contact-page .ttl-blk {
margin: 26.667vw 0 13.333vw;
}
.contact-page .ttl-blk p {
font-size: 3.733vw;
padding-top: 2.667vw;
}
.form-blk {
flex-direction: column;
margin-bottom: 13.333vw;
}
.form-blk .content-blk {
width: 100%;
}
.form-blk .content-blk .contact-info-blk {
margin-bottom: 8vw;
}
.form-blk .content-blk .contact-info-detail {
width: 100%;
margin-left: 5.333vw;
}
.form-blk .form {
width: 100%;
}
.form-blk .content-blk .contact-info-detail span {
font-size: 3.2vw;
}
.nf-form-cont .one-half {
width: 100% !important;
margin-left: 0 !important;
}
.contact-info-blk:not(:last-child) {
padding-bottom: 8vw;
}
.contact-info-blk a {
margin-right: 8vw;
}
.contact-info-blk .ico-bg {
border-radius: 1.333vw;
padding: 2.667vw;
}
.contact-info-blk img {
width: 5.333vw;
height: 5.333vw;
}
.contact-page .map-blk iframe {
border-radius: 4vw;
}
.nf-field-element input, .nf-field-element select {
height: 13.333vw !important;
}
}