@charset "UTF-8";
.menu__line{
	background: #333;
}
#contact_bg{
	color: #fff !important;
}
.top_bg {
    height: 20vh;
    overflow: hidden;
    position: relative;
    background:#fff;
    max-width: 100%;
	display: flex;
    align-items: center;
}
.txt_area{
	margin: 10px auto 0;
	display: flex;
    align-items: center;
	flex-direction: column;
}
h1{
	font-size: 1.2em;
	font-weight: 600;
	font-family: Work Sans,sans-serif;
	color: #535353;	
	letter-spacing: .1em !important;
}
.contact_sec02{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0 5%;
}
.top_bg p{
	margin:  0 auto;
	font-size: .8em;
}
.thanks_sec{
	margin-top: 60px;
	padding: 0 5%;
}
.thanks_sec p{
	font-size: 1em;
	text-align: center;
	padding-bottom: 15px;
}
form#mail_form {
    width: 100% !important;
    font-size: 100%;
	margin-top: 0!important;
}
form#mail_form input#company {
    width: 100% !important;
}
form#mail_form {
    margin: 0 auto;
    padding: 10px 0;

}
form#mail_form dl {
    width: 100% !important; 
    margin: 0 auto;
    overflow: hidden;
}
form#mail_form textarea {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: 150px;
    padding: 7px 2%;
    resize: vertical;
    /* border: 1px solid #cccccc; */
    border-radius: 3px;
    background: #f1f1f1;
    -webkit-appearance: none;
    font-size: 100%;
    font-family: inherit;
}

.thanks_btn{
	text-align: center;
	margin: 30px 0;
	position: relative;
}
.thanks_btn a{
	display: inline-block;
	padding: 15px 20px;
	background: #333;
	text-align: center;
	color: #fff;
	width: 100%;
	border-radius: 3px;
}
.thanks_btn a:hover{
	opacity: .8;
}
.thanks_btn a::after{
	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 25px;
    margin: auto;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}