body{
	margin:0;
}

.main{
	text-align:center;
	min-height:600px;
}

.contents{
	margin:0 auto;
	width:800px;
}

.contents h1{
	color:#FF0000;
	font-size:36px;
}

.rules{
	height:400px;
	overflow-y:scroll;
	text-align:left;
	border:1px solid #cccccc;
}

.input_form{
	text-align:left;
	border:1px solid #cccccc;
	padding:10px;
}

.caption{
	font-size:32px;
}
.notice{
	font-size:24px;
	color:#FF0000;
}
.notice2{
	font-size:18px;
	color:#FF0000;
}
.letters{
	font-size:32px;
}

.write_dir{
	font-size:32px;
}

.font_area{
	width:600px;
	overflow-x:scroll;
}

.onepoint_area_tate{
	border:solid 1px #CCCCCC;
	width:500px;
	vertical-align:top;
	overflow:scroll;
	height:800px;
}
.onepoint_area_tate_inner{
	height:800px;
}
.onepoint_area_tate img{
	z-index:9999;
}
.onepoint_area_yoko{
	border:solid 1px #CCCCCC;
	width:500px;
	vertical-align:top;
	height:400px;
}
.onepoint_area_yoko_inner{
	overflow:scroll;
	height:400px;
}

.font{
	border:solid 5px #FFFFFF;
}

.onepoint{
	border:solid 5px transparent;
}

#font_image_area{
	position:relative;
	border:solid 1px #CCCCCC;
	width:450px;
}

.mark_type_caption{
	padding:5px;
	border:solid 3px #FF0000;
	font-size:24px;
	width:180px;
}

.notice{
	font-size:16px;
	color:#FF0000;
}


.error{
	font-size:16px;
	color:#FF0000;
}

.apply-button{
    padding: 0.78rem;
}
.bg-blue{
    --tw-bg-opacity: 1;
    background-color: rgb(29 78 216/var(--tw-bg-opacity));
}

.bt-rounded{
    border-radius: 0.25rem;
}

.text-white{
    color: #FFFFFF;
}