@charset "utf-8";

.contact_area{
	margin-top:40px;
}

input[type=text]{
	width:100%;
	padding:5px;
	box-sizing:border-box;
}

select{
	width:30%;
	padding:5px;
	box-sizing:border-box;
	margin-top:10px;
}

textarea{
	width:100%;
	height:100px;
	padding:5px;
	box-sizing:border-box;
}

.mail_area01{
	text-align:center;
	margin-top:10px;
}

.attend{
	text-align:center;
	margin-bottom:40px;
}

.mail_area .mail_title span{
	color:#ff0000;
}

@media all and (min-width: 768px) {

	.mail_area{
		justify-content:flex-start;
		display:flex;
		flex-wrap:wrap;
		margin-bottom:10px;
	}

	.mail_area .mail_title{
		width:200px;
	}

	.mail_area .mail_input_area{
		flex:1;
	}


}
@media all and (min-width: 769px) {


}


@media all and (max-width: 768px) {

}

@media all and (max-width: 767px) {

}

@media all and (max-width: 375px) {

}

@media all and (max-width: 320px) {


}