.sidebar-item.inquiry .webfeedback {





    padding: 0px 20px;





    margin-top: 10px





}











.sidebar-item.inquiry .webfeedback .inquiry-form {





    display: flex;





    flex-direction: column





}











.sidebar-item.inquiry .webfeedback input,.sidebar-item.inquiry .webfeedback textarea {





    width: 100%!important;





    border: none;





    outline: 0;





    height: 45px;





    background: #f2f2f2;





    border-radius: 3px;





    padding: 0px 10px;





    margin-bottom: 1em;





    font-size: 15px





}











.sidebar-item.inquiry .webfeedback input::placeholder,.sidebar-item.inquiry .webfeedback textarea::placeholder {





    color: #666





}











.sidebar-item.inquiry .webfeedback textarea {





    font-family: inherit;





    padding: 10px;





    min-height: 100px





}











.sidebar-item.inquiry .webfeedback .select-menu {





    width: 100%;





    margin-right: 0;





    margin-bottom: 15px





}











.sidebar-item.inquiry .webfeedback .send-btn {


    width: 100%;


    height: 50px;


    background: var(--color);


    border-radius: 3px;


    color: rgb(169, 169, 169);


    text-transform: uppercase;


    cursor: pointer;


    display: flex;


    align-items: center;


    justify-content: center;


    transition: all .1s linear


}











.sidebar-item.inquiry .webfeedback .send-btn:hover {





    opacity: .9





}











.webfeedback input,.webfeedback textarea {





    font-size: 16px





}











.inquiry-pc .webfeedback .inquiry-form {





    display: flex;





    flex-wrap: wrap;





    justify-content: space-between





}











.inquiry-pc .webfeedback input::placeholder,.inquiry-pc .webfeedback textarea::placeholder {





    color: #666





}











.inquiry-pc .webfeedback input {
	width: 32%;
	height: 50px;
	border-radius: 3px;
	outline: 0;
	border: 1px solid #999;
	padding: 0px 10px;
	margin-bottom: 20px;





    transition: all .1s linear
; 		background-color: #CCC;



}











.inquiry-pc .webfeedback input:focus {





    border-color: var(--color)





}











.inquiry-pc .webfeedback input.input-error {





    border-color: red





}











.inquiry-pc .webfeedback input:nth-child(3n) {





    margin-right: 0





}











.inquiry-pc .webfeedback textarea {





    font-family: inherit;





    width: 100%;





    background: #f1f5fe;





    border-radius: 3px;





    outline: 0;





    border: 1px solid #999999;





    padding: 10px;





    margin-bottom: 20px;





    resize: none





}











.inquiry-pc .webfeedback textarea:focus {





    border-color: var(--color)





}











.inquiry-pc .webfeedback textarea.input-error {





    border-color: red





}











.inquiry-pc .webfeedback .send-btn {





    background: var(--color);





    color: #fff;





    text-transform: uppercase;





    display: flex;





    align-items: center;





    justify-content: center;





    width: 200px;





    height: 50px;





    border-radius: 3px;





    cursor: pointer;





    transition: all .1s linear





}











.inquiry-pc .webfeedback .send-btn:hover {





    background: var(--fontcolor)





}











.contact-box .webfeedback input,.contact-box .webfeedback textarea {





    background: 0 0;





    border: 1px solid rgba(231,231,231,.56);





    color: #rgb(169, 169, 169)





}











.contact-box .webfeedback input::placeholder,.contact-box .webfeedback textarea::placeholder {





    color: #rgb(169, 169, 169)





}











.contact-box .webfeedback .send-btn {





    margin: 0px auto 20px





}











@media (max-width: 1024px) {





    .inquiry-pc .webfeedback input {





        width:100%;





        margin-right: 0





    }











    .inquiry-pc .webfeedback .send-btn {





        width: 180px;





        height: 48px;





        margin-top: 10px





    }





}











@media (max-width: 500px) {





    .inquiry-pc .webfeedback input {





        height:46px





    }





}











.webfeedback .select-menu {





    width: 49%;





    margin-bottom: 20px;





    position: relative





}











.webfeedback .select-menu input {





    margin: 0!important;





    width: 100%!important;





    cursor: pointer





}











.webfeedback .select-menu .select-menu-div em {





    margin-right: 5px;





    position: absolute;





    right: 32px;





    top: 50%;





    transform: translateY(-50%);





    transition: all .4s ease





}











.webfeedback .select-menu .select-menu-div em.select-menu-i {





    transform: rotateX(180deg)





}











.webfeedback .select-menu .select-menu-div em::after,.webfeedback .select-menu .select-menu-div em::before {





    content: "";





    width: 10px;





    height: 2px;





    background: #999;





    position: absolute;





    top: 50%;





    left: 0;





    transform: rotate(45deg)





}











.webfeedback .select-menu .select-menu-div em::after {





    transform: rotate(-45deg);





    left: 6px





}











.webfeedback .select-menu .select-menu-ul {





    box-shadow: 0 1px 15px 0 rgba(15,19,39,.1);





    list-style: none;





    display: none;





    width: 100%;





    text-align: left;





    border: 1px solid #ddd;





    background: #rgb(169, 169, 169);





    position: absolute;





    z-index: 9





}











.webfeedback .select-menu .select-menu-ul li {





    color: #000;





    padding: 0px 20px;





    line-height: 2.5;





    cursor: pointer;





    font-size: 13px;





    display: -webkit-box;





    -webkit-box-orient: vertical;





    -webkit-line-clamp: 1;





    overflow: hidden





}











.webfeedback .select-menu .select-menu-ul li:hover {





    background: #f2faea





}











.webfeedback .select-menu .select-menu-ul li:nth-child(2n) {





    background: #f5f4f4





}











.webfeedback .select-menu .select-menu-ul li:nth-child(2n):hover {





    background: #f2faea





}











.webfeedback .select-menu .select-menu-ul li.select-this {





    background: #f2faea





}











.webfeedback .select-menu .select-menu-ul li.select-this:hover {





    background: #f2faea!important





}











.webfeedback .send-btn[disabled] {





    background: #EEE!important;





    color: #999!important





}











.webfeedback .send-btn[disabled]::before {





    content: none!important





}











.webfeedback .loading {





    position: relative;





    width: 18px;





    height: 18px;





    margin-left: 8px;





    border: 2px solid #000;





    border-top-color: rgba(0,0,0,.2);





    border-right-color: rgba(0,0,0,.2);





    border-bottom-color: rgba(0,0,0,.2);





    border-radius: 100%;





    animation: feedbacksenloading infinite .75s linear





}











@keyframes feedbacksenloading {





    0% {





        transform: rotate(0)





    }











    100% {





        transform: rotate(360deg)





    }





}











.webfeedback .feed-verification {





    position: relative;





    width: 100%;





    max-width: 320px;





    margin-bottom: 15px





}











.webfeedback .feed-verification input {





    width: 100%!important;





    margin: 0!important





}











.webfeedback .feed-verification img {





    position: absolute;





    right: 20px;





    top: 50%;





    transform: translateY(-50%)





}











@media (max-width: 1024px) {





    .webfeedback input {





        width:100% !important;





        height: 44px





    }











    .webfeedback .send-btn {





        height: 45px





    }











    .webfeedback .feed-verification {





        max-width: 100%





    }











    .webfeedback .select-menu {





        width: 100%;





        margin-right: 0





    }





}











.page-section-contact .webfeedback .send-btn {





    border: none!important;





    width: 100%;





    background-color: var(--color);





    border-radius: 10px;





    margin: 20px 0px;





    transition: all .3s ease-in-out;





    height: 50px;





    display: flex;





    cursor: pointer;





    align-items: center;





    font-weight: 700;





    color: #rgb(169, 169, 169);





    text-align: center;





    justify-content: center





}











.page-section-contact .webfeedback .send-btn:hover {





    box-shadow: 1px 1px 5px 0 #818080;





    border: none;





    border-radius: 5px;





    overflow: hidden





}











.page-section-contact .webfeedback .select-menu {





    width: 49% !important





}











.page-section-contact .webfeedback .select-menu input {





    width: 100% !important





}











.page-section-contact-l .webfeedback textarea, .page-section-contact-right .send-inquiry .inquiry-form textarea {





    margin-bottom: 20px





}











@media(max-width: 1024px) {





    .page-section-contact .webfeedback .select-menu {





        width:100% !important





    }





}











.page-section-liaison-sl .webfeedback .select-menu {





    width: 100% !important





}











.page-section-liaison .page-section-liaison-sl .webfeedback input, .page-section-liaison .page-section-liaison-sl .webfeedback textarea {





    font-size: 16px;





    width: 100%!important;





    border: none;





    outline: 0;





    height: 45px;





    background: #rgb(169, 169, 169);





    border-radius: 3px;





    padding: 0px 10px;





    margin-bottom: 1em;





    font-size: 15px;





    color: #000





}











.page-section-liaison .page-section-liaison-sl .webfeedback textarea {





    font-family: inherit;





    padding: 10px;





    min-height: 80px





}











.page-section-liaison .page-section-liaison-sl .webfeedback .send-btn {





    width: 100%;





    height: 50px;





    background: var(--color);





    border-radius: 3px;





    color: #rgb(169, 169, 169);





    text-transform: uppercase;





    cursor: pointer;





    display: flex;





    align-items: center;





    justify-content: center;





    transition: all .1s linear





}











.page-section-contact .page-section-contact-right .webfeedback input, .page-section-contact .page-section-contact-right .webfeedback textarea {





    font-size: 16px;





    width: 100%;





    min-height: 40px;





    margin-bottom: 1em;





    padding: 10px;





    outline: 0;





    border-radius: 5px;





    border: 1px solid #ccc





}