@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------
#19BEBE
-----------------------------------------------*/


/*-----------------------------------------------
  contact
-----------------------------------------------*/
#contact {
min-height: 450px;
padding: 110px 4% 60px 4%;
background: #A5E6E6;
}
#contact .inner {
max-width: 1080px;
margin: auto;
}
#contact .title {
padding-bottom: 10px;
font-size: 1.75em;
text-align: center;
border-bottom: 1px solid #FFF;
}
#contact .text {
margin-top: 30px;
line-height: 1.75;
text-align: center;
}
#contact .form {
max-width: 900px;
margin: auto;
margin-top: 30px;
}
#contact .form dl {
margin-top: 10px;
background: #E1E1E1;
}
#contact .form dt {
padding: 5px 10px;
font-weight: 400;
}
#contact .form dd {
padding: 5px;
}
#contact .form .require {
font-size: 0.65em;
color: #F00;
}
#contact .form .name,
#contact .form .mail,
#contact .form .subject {
display: flex;
justify-content: flex-start;
align-items: center;
}
#contact .form .name dt,
#contact .form .mail dt,
#contact .form .subject dt {
width: 12em;
}
#contact .form .name dd,
#contact .form .mail dd,
#contact .form .subject dd {
width: calc(100% - 12em);
}
#contact .form .error {
margin-top: 0.5em;
font-size: 0.875em;
color: #F00;
}
@media screen and (max-width: 799px) {
	#contact {
	padding: 8% 4%;
	}
	#contact .title {
	font-size: 1.5em;
	}
	#contact .text {
	margin-top: 4%;
	line-height: 1.5;
	}
	#contact .form {
	margin-top: 4%;
	}
	#contact .form dl {
	margin-top: 2%;
	}
	#contact .form dt {
	padding: 2% 2% 1% 2%;
	}
	#contact .form dd {
	padding: 1% 2% 2% 2%;
	}
	#contact .form .name,
	#contact .form .mail,
	#contact .form .subject {
	display: block;
	}
	#contact .form .name dt,
	#contact .form .mail dt,
	#contact .form .subject dt {
	width: 100%;
	}
	#contact .form .name dd,
	#contact .form .mail dd,
	#contact .form .subject dd {
	width: 100%;
	}
}

/* confirm */
#contact .confirm {
max-width: 900px;
margin: auto;
margin-top: 30px;
}
#contact .confirm dl {
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 10px;
background: #E1E1E1;
}
#contact .confirm dt {
width: 12em;
padding: 10px;
font-weight: 400;
}
#contact .confirm dd {
width: calc(100% - 12em);
padding: 10px;
background: #FFF;
}