/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 23 2022 | 09:44:43 */
/*==============================*/
/*お問い合わせ*/
/*==============================*/
/*全体*/
#contact_wrap{
  	width: 100%;
}
/*一個単位の全体*/
.form_sec_wrap{
  width: 100%;
	padding-top:30px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:30px;
	border-top:solid 1px #1780c7;
	border-left:solid 0px #808080;
	border-right:solid 0px #808080;
	border-bottom:solid 0px #808080;
}
/*==============================*/
/*左側*/
.form_left{
	display:inline-block;
  	width: 29%;
	color:black;
}
/*フォームタイトル*/
.form_left div:nth-child(1){
  	display:inline-block;
	font-size:14px;
}
/*必須、任意共通設定*/
.form_left div:nth-child(2){
  	display:inline-block;
	font-size:10px;
	margin-left:5px;
}
/*必須*/
.required_font{
	color:red;
}
/*任意*/
.option_font{
 	color:#9b9d9d;
}
/*右側*/
.form_right{
  	width: 70%;
	display:inline-block;
	color:black;
}
/*電話番号*/
.mwform-tel-field{
	display:flex;
	align-items:center;
}
.mwform-tel-field input{
	width:31%!important;
}
/*==============================*/
/*お問い合わせ内容だけ項目を上揃え*/
#contact_content_left{
	vertical-align:top;
}
#contact_content_left_1{
	vertical-align:top;
}
.contact_form{
	background-color:white;
	border:solid 1px #808080!important;
	color:black;
}
.contact_form:hover {
	border:solid 1px black!important;
}
.contact_submit{
	text-align:center;
}
input.contact_submit{
	display:inline-block;
	width:90%;
	border:solid 1px #1780c7;
	color:black;
	border-radius:50px;
	transition:0.5s;
	margin-left:5px;
	margin-right:5px;
}
input.contact_submit:hover{
	background-color:#1780c7;
	color:white;
}
/*==============================*/
/*スマホ設定*/
@media screen and (max-width:500px){
/*左側*/
.form_left{
	display:inline-block;
  	width: 100%;
	color:black;
}
/*右側*/
.form_right{
  	width: 100%;
	display:inline-block;
	color:black;
}
}
/*==============================*/