@charset "UTF-8";

p {
	display:inline;
}


.contactlogodiv {
	width:1200px;
	padding-top:100px;
	padding-bottom:50px;
}

.contact_bg {
	background-color:rgb(251,199,52);
}

.contactlogo-l {
	width:360px;
}

.contactlogo-r ,.contactlogo-r-single {
	width:400px;
}

.contactlogo-r img ,.contactlogo-r-single img {
	height:auto;
}

.headercmt {
	font-weight:bold;
	line-height:1.8em;
}

.contactwaku {
	max-width:1000px;
	margin:0 auto;
	padding:20px 0;
}


.contacttitle {
	width:200px;
	padding:5px;
}

.contactkoumoku {
	flex:1;
	padding:5px;
}


.mb-3 {
	margin-bottom:1rem;
}

.badge {
	display: inline-block;
	padding:0.25em 0.4em;
	font-size 75%;
	font-weight:bold;
	line-height:1;
	text-align:center;
	white-space:nowrap;
	border-radius:0.25em;
}

.badge-danger {
	color:#fff;
	background-color:#dc3545;
}

.form-control {
	width:100%;
	border:1px solid #ced4da !important;
	resize:none;
}

.btn {
	display:inline-block;
	text-align:center;
	vertical-align:center;
	padding:0.6rem 0.5rem;
	font-size:1rem;
	line-height:1;
	border-radius:0.25rem;
	cursor:pointer;
}

.btn-primary {
	color:#fff;
	background-color:#007bff;
	border-color:#007bff;
}

.px-5 {
	padding-left:3rem !important;
	padding-right:3rem !important;
}


/* --- パソコン ---------------------------------------------------------------------- */
@media screen and (min-width: 576px) {
	
	.d-sm-flex {
		display:flex;
	}
	
	
}

/* --- スマホ ------------------------------------------------------------------------ */
@media screen and (max-width: 575px) {
	
	.contactlogodiv {
		width:100%;
		padding-top:70px;
		padding-bottom:20px;
	}
	
	.contactlogo-r {
		display:none;
	}
	
	.contactlogo-r-single {
		width:100%;
		padding:10px;
	}
	
	.contents {
		min-height: 100px;
	}
	
	
}