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

#container{
}

.notice{
	text-align: center;
	margin: 4% 0;
}

#caution{
	color:#DA1700;
	text-align: center;
	margin: 0 0 6%;
}

#caution h3{
	font-size: 1.33rem;
	letter-spacing: 0.15rem;
	margin: 0 0 2%;
}

#caution p{
}

form {
        text-align: center;
    margin: 1% 0 0;
}
dl {
    margin: 0 auto;
    overflow: hidden;
    padding: 2% 0;
    text-align: left;
    width: 680px;
}

dt {
	width:200px;
	float:left;
}

dd {
	width:480px;
	float:left;
}

.checkbox{
	margin: 0 5px 0 35px;
}

.text {
    border: 1px solid #ccc;
    border-radius: 0;
    padding: 2%;
    width: 95%;
	letter-spacing: 0.05em;
}

.textarea {
    border: 1px solid #ccc;
    border-radius: 0;
    height: 120px;
    padding: 2%;
    width: 95%;
	letter-spacing: 0.05em;
	line-height:1.6;
}

.button {
    width:auto;
    padding: 15px 120px;
}

/* =============================================================================
   Device
   ========================================================================== */


@media screen and (max-width: 768px) {
	.notice{
		text-align: justify;
		text-justify: inter-ideograph;
		margin-bottom: 10%;
	}
	#caution {
    		padding: 0;
	}
	#caution h3{
		font-size: 1rem;
	}
	#caution p {
		text-align: justify;
		text-justify: inter-ideograph;
		font-size: 0.78rem;
	}
	dl{
		width: auto;
		padding: 4% 1%;
	}
	dt {
		font-size: 0.88rem;
		margin:0 0 2%;
	}
	dd{
		width:100%;
	}
}