/* Scss Document */
/* color */
/* media queries*/
#contact {
		line-height: 1.5;
		padding-bottom: 4rem;
}
#contact .top_container {
		background: url("../../../img/top/img11.png") no-repeat 0%;
		background-size: 50%;
		padding: 0 0 0 50vw;
}
@media screen and (max-width: 767px) {
		#contact .top_container {
				background: none;
				padding: 0;
		}
}
#contact .top_container .title {
		display: table-cell;
		padding: 5rem 0 5rem 2rem;
		vertical-align: middle;
		font-size: 2rem;
		font-weight: bold;
		background-color: #f8f8f8;
		color: #00304d;
		width: 50vw;
}
@media screen and (max-width: 767px) {
		#contact .top_container .title {
				width: 100vw;
		}
}
#contact .inner {
		padding: 0 10%;
}
#contact ul.bread {
		margin: 0;
		padding: 2rem 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		font-weight: bold;
}
#contact ul.bread li {
		list-style: none;
		background: url("../../../img/top/icon14.png") no-repeat 90% 50%;
		padding: 0 2rem 0 0;
}
#contact ul.bread li:last-of-type {
		background: none;
}
#contact .read {
		text-align: center;
}
#contact table {
		margin: 3rem auto 0;
		width: 90%;
}
@media screen and (max-width: 767px) {
		#contact table {
				width: 100%;
		}
}
#contact table tr {
		border-top: solid 1px #DDDDDD;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}
@media screen and (max-width: 767px) {
		#contact table tr {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-align: start;
				    -ms-flex-align: start;
				        align-items: flex-start;
		}
}
#contact table tr th {
		width: 50%;
}
@media screen and (max-width: 767px) {
		#contact table tr th {
				width: 100%;
		}
}
#contact table tr td {
		width: 100%;
		padding: 1rem;
}
@media screen and (max-width: 767px) {
		#contact table tr td {
				padding: 0 0 1rem 0;
		}
}
#contact table tr td .input {
		background-color: #F8F8F8;
		width: 90%;
		height: 2.5rem;
		padding: 0 0.5rem;
		display: block;
		border: none;
		margin: 0 auto;
}
#contact table tr td.box {
		padding-left: 5%;
		font-weight: bold;
		font-size: 0.8rem;
}
#contact table tr td.box span {
		font-size: 1rem;
}
@media screen and (max-width: 767px) {
		#contact table tr td.box {
				padding: 0;
		}
}
#contact table tr td textarea {
		height: 15rem;
		background-color: #F8F8F8;
		width: 90%;
		margin: 0 auto;
		padding: 0 0.5rem;
		display: block;
		border: none;
}
#contact table tr .top_text,
#contact table tr .bottom_text {
		font-size: 1.05rem;
		font-weight: bold;
		margin: 1.5rem 0;
}
@media screen and (max-width: 767px) {
		#contact table tr .top_text,
#contact table tr .bottom_text {
				display: block;
				margin: 1rem 0;
				font-size: 0.9rem;
		}
}
#contact .mw_wp_form .horizontal-item {
		margin-left: 0;
		display: block;
		margin-bottom: 0.5rem;
}
#contact .mw_wp_form .horizontal-item .horizontal-item + .horizontal-item {
		margin-left: 0;
}
#contact .submit {
		margin-top: 3rem;
		margin-left: 30%;
		margin-right: 30%;
}
@media screen and (max-width: 767px) {
		#contact .submit {
				margin: 2.5rem auto 0;
				text-align: center;
		}
}
#contact .submit input {
		background: #00304d;
		width: 100%;
		text-align: center;
		font-size: 1rem;
		font-weight: bold;
		letter-spacing: 0.1em;
		padding: 1.5rem 0;
		color: #fff;
}
@media screen and (max-width: 767px) {
		#contact .submit input {
				width: 100%;
				font-size: 14px;
				padding: 1rem 0;
		}
}
#contact .submit input:hover {
		background: #0093e6;
}
#contact .poli {
		text-align: center;
		margin: 2.60417vw 0 0;
		letter-spacing: 0.1em;
}
#contact .poli a {
		text-decoration: underline;
}

/*.tel_container {
	background-color: #F8F8F8;
	margin-left: 10.41667vw;
	margin-right: 10.41667vw;
	margin-top: 2.60417vw;
	padding-bottom: 1.5625vw;
	padding-top: 1.5625vw;
}

.tel_container .contact p {
	font-size: 0.9375vw;
	font-weight: bold;
	letter-spacing: 0.2em;
	margin-left: 16.04167vw;
}

.tel_container .tel {
	display: flex;
	align-items: center;
	justify-content: center;
}

.tel_container .tel img {
	width: 1.82292vw;
	height: 1.82292vw;
	margin-right: 0.52083vw;
	display: block;
}

.tel_container .tel a {
	font-size: 2.34375vw;
	letter-spacing: 0.1em;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
	color: #14B4A9;
}

.tel_container .tel p {
	margin-top: 0.52083vw;
	font-size: 0.83333vw;
	font-weight: bold;
	margin-left: 0.78125vw;
}*/