/* CSS Document */
/*@import url("doctor1.css");
*/
body{
/*    display: flex;
    height: 100vh;
    justify-content: center;*/
}
#container{
    margin-top: 10vh;
	/*min-height: 100vh;*/
}
label/*, input, textarea*/ {
    display: block;
    width: 100%;
    /*margin-bottom: 10px;*/
}
input, textarea {
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
#message{
    width: 100%;
}
.title{
    font-size: 18px;
    font-weight: bold;
    color: #333;
    border-left: 6px solid #999;
    border-bottom: 1px dotted #000;
    padding: 6px;
    margin-bottom: 1em;
}
.table_group {
	display: flex;
	flex-wrap: wrap;
    align-items: flex-end;
	/*min-height: 100vh;*/
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000;
	/* [disabled]padding: 10px 0px; */
	/*width: 100%;*/
	/*font-size: 12px;*/
    padding: 1em;
}
.area_btn{
    margin: 1em;
/*    width: 100%;*/
    text-align: center;
    
}
.required {
	font-size: 10px;
	color: #F00;
}
.inactive{
	ime-mode: inactive;
}

.hidden {
	opacity: 0;
	width: 0;
	margin: 0;
	padding: 0;
	border: 0;
}
.thanks{
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 50vh;
}
#footer{
	margin-top: 20px !important;
	text-align: center;
	/*min-height: 100vh;*/
}
#footer a{
	cursor: pointer;
}
label[for="名"]::before,label[for="めい"]::before{
	content: "\A";
	white-space: pre;
}
ul{
	list-style: none;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
}
.number{
	width: 3em;
}
/*Tablet View ----------------------------------------------------------------------------------------------*/
@media (min-width: 768px){
	.table_cell1{
		width: 200px;
	}
	.table_cell2{
		width: auto;
	}
	.table_cell2>div{
		margin-bottom: 6px;
	}
	label[for="名"]::before,label[for="めい"]::before{
		content: "　";
	}

}

/*Desktop View ----------------------------------------------------------------------------------------------*/
@media (min-width: 1024px){
		
}