/* CSS Document */
@media screen and (min-width: 751px) {

	.first_content h2 {
		text-align: center;
		margin-bottom: 2rem;
	}
	section#contact .inner {
	    background: #ffffff;
	    border: 10px solid #DFF7EC;
	    border-radius: 1rem;
	    padding: 2rem;
	}
	#contact dl dt {
		margin-bottom: 10px;
	}
	#contact dl dt span {
		padding: 0 1em;
		background: #707070;
		color: #FFF;
		margin-right: 0.5em;
		border-radius: 30px;
		font-size: 14px;
	}
	#contact dl dt span.require {
		background: #E67E7E;
	}
	#contact dl dd {
		padding-left: 4.5em;
		margin-bottom: 40px;
	}
	#contact select {
		width: 320px;
		height: 32px;
	}
	#contact input[type="text"] {
		width: 320px;
		height: 32px;
	}
	#contact select ,
	#contact input[type="text"]  {
		border: 1px solid #434343;
		border-radius: 8px;
	}
	#contact textarea {
		width: 100%;
		height: 160px;
		border: 1px solid #434343;
		border-radius: 8px;
	}
	.note {
		text-indent: -1em;
		padding-left: 1em;
	}
	input[type="submit"] {
		display: flex;
		width: 450px;
		height: 56px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
		color: #FFF;
		margin: 60px auto 0;
		border-radius: 36px;
		background: #E67E7E;
	}
	#place input[type="radio"] {
		margin-bottom: 1em;
	}
	#place input[type="text"] {
		margin-bottom: 0.5em;
	}
	#donata select {
		margin-bottom: 1em;
	}


} /* End @media screen and (min-width: 751px) */

/* -------------------------------------------------- */

@media screen and (max-width: 750px) {

	.first_content h2 {
		text-align: center;
		margin-bottom: 2rem;
	}
	section#contact .inner {
	    background: #ffffff;
	    border: 10px solid #DFF7EC;
	    border-radius: 1rem;
	    padding: 2.5rem 2rem;
	}
	#contact dl dt {
		margin-bottom: 0.5em;
		line-height: 1.5;
	}
	#contact dl dt span {
		min-width: 4em;
		padding: 0 1em;
		background: #707070;
		color: #FFF;
		margin-right: 0.5em;
		border-radius: 2em;
		line-height: normal;
		font-size: 14px;
	}
	#contact dl dt span.require {
		background: #E67E7E;
	}
	#contact dl dd {
		/*padding-left: 4.5em;*/
		margin-bottom: 2.5em;
	}
	#contact select {
		width: 100%;
		height: 2.5em;
	}
	#contact input[type="text"] {
		width: 100%;
		height: 2.5em;
	}
	#contact select ,
	#contact input[type="text"]  {
		color: #434343;
		background-color: #FFF;
		border: 1px solid #434343;
		border-radius: 0.5em;
	}
	#contact textarea {
		width: 100%;
		height: 10em;
		color: #434343;
		background-color: #FFF;
		border: 1px solid #434343;
		border-radius: 0.5em;
	}
	.note {
		text-indent: -1em;
		padding-left: 1em;
	}
	input[type="submit"] {
		display: flex;
		width: 80%;
		height: 2.5em;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
		color: #FFF;
		margin: 2em auto 0;
		border-radius: 3em;
		background: #E67E7E;
	}
	#place input[type="radio"] {
		margin-bottom: 1em;
	}
	#place input[type="text"] {
		margin-bottom: 0.5em;
	}
	#donata select {
		margin-bottom: 1em;
	}

} /* End @media screen and (max-width: 750px) */