@charset "UTF-8";

main{
	width: 400px;
	margin: 0 auto;
}
form{
	width: 350px;
	background-color: rgb(0, 0, 255);
	position:relative;
	margin: 0 auto;
	top:10px;
/*	top: 20px;
	left: 20px;
*/	color: aliceblue;
	padding: 10px 10px  10px  15px;
}
/* スマホ用（画面幅768px以下） */
@media screen and (max-width: 768px) {
    form {
        width: 90%;
        padding: 10px;
    }
}
textarea{
	width:95%;
}
.err {
	color: rgb(255, 255, 0);
	font-size: medium;
	font-weight: bold;
/*	text-align: center;*/
}
.t {
	color: rgb(0, 255, 255);
	font-size:medium;
}
	a {
	color: rgb(255, 255, 0); /* リンクの文字色を赤に設定 */
	}

.txt{
    display: inline-block;
    /*コレ*/width: 25em;
    /*コレ*/max-width: 100%;
    padding: 0.5em;
    border: 1px solid #999;
    box-sizing: border-box;
    background: #f2f2f2;
    margin: 0.5em 0;
}

.btn{
	text-align: center;
}
.title{
	text-align: center;
}