@charset "UTF-8";

dl {
/*    display: flex;
    flex-wrap: wrap;*/
/*
    width: 990px;
*/ 
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
}


dl dt {
/*    width: 210px;*/
    margin: 0;

/*    padding: 1em;*/
    color: #998484;
}

dl dd {
/*    width: calc(100% - 210px);*/
    border-bottom: 1px solid #cccccc;
    margin: 0;
/*    padding: 1em 0 2em 16em;*/
}


dl dt .must {
    color: #d23939;
}

input[type="email"] {
    width: 70%;
}

input {
    font-size: 1em;
    padding: 5px;
}

label {
    margin-right: 1em;
}

select {
    font-size: 1em;
}

div {
    font-size: 1em;
    padding: 2px;
}

textarea {
/*    width: 30em;*/
    width: 80%;
    font-size: 1em;
    padding: 5px;
}

p.submit {
    text-align: center;
}

input[type="submit"] {
    padding: 20px 100px;
    background: #7f6666;
    font-size: 1em;
    color: #ffffff;
    font-weight: bold;
    border-radius: 10px;
    cursor: pointer;
}

input[type="submit"]:hover {
    opacity: 0.8;
}

@media (max-width: 768px) {
/*
	body {
		font-size: 14px;;
	}
*/
	dl {
		display: block;
	}

	dt, dd {
		display: block;
		width: 100%;
	}

	dt {
		margin-bottom: 5px;
	}

	textarea {
		width: 80%;
		padding: 10px;
	}
}