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


textarea {
  resize: vertical;
}
p.formCaution{
	padding:0px 0px 25px;
	color:#e10000;
}
span.red{
	font-size: 93%;
}

p.loadingP{
	display:block;
	text-align:center;
}

/* バリデーション（入力欄の直下） */
form.mform .formError.inline{
	display:block;
	opacity:1 !important;
	cursor:default;
	padding: 0 !important;
}
form.mform .formError.inline .formErrorContent{
	width:auto;
	min-width:0;
	padding:4px 0 0;
	background:none;
	border:none;
	box-shadow:none;
	border-radius:0;
	font-size:93%;
	color:#C00;
}
form.mform .formError .formErrorArrow{
	display:none;
}
form.mform .inputExample{
	margin-left:0.4em;
}
form.mform .formErrorTarget{
	padding:0;
}

.mform.confirm .lineHeight br{
	display:none;
}


/* PC (1025～)
-----------------------------------------------------------------
----------------------------------------------------------------- */

@media screen and (min-width:641px) {


/* Main Visual
----------------------------------------- */
section.mainVisual{
	width:1170px;
	height:auto;
	margin:0px auto;
	padding:0px 0px 0px 0px;
}
	section.mainVisual .visual{
		width:100%;
		height:auto;
		position:relative;
		z-index:0;
	}
		.visual img{
			margin:0px 0px -6px 0px;
		}
		section.mainVisual .visual .pageTitle{
			width:800px;
			height:auto;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:absolute;
			top:70px;
			left:240px;
		}
			.pageTitle h1{
				font-size:118%;
				font-weight:bold;
				color:#767051;
			}
			.pageTitle p.pan{
				font-size:87%;
				padding:10px 0px 0px 0px;
			}
		section.mainVisual .visual dl{
			display:block;
			font-size:93%;
		}
			.visual dl.time{
				width:330px;
				height:auto;
				position:absolute;
				top:50px;
				left:450px;
			}
			.visual dl.area{
				width:350px;
				height:auto;
				position:absolute;
				top:50px;
				left:800px;
			}
				.visual dl dt{
					display:block;
					background:#767051;
					color:#fff;
					padding:3px 0px;
					text-align:center;
				}
				.visual dl dd{
					display:block;
					border:1px solid #767051;
					background:#fff;
					padding:10px;	
					line-height:1.78em;
					color:#767051;
				}


/* Shared Parts
------------------------------------------ */
section{
	width:100%;
	height:auto;
	margin:0px 0px 0px 0px;
	padding:0px 0px 30px 0px;	
	line-height:1.75em;
}
	section .sectionTitle{
		padding:0px 0px 8px 0px;
		margin:0px 0px 15px 0px;
		background:url(../../common/images/title_bg_border.jpg) center bottom repeat-x;
	}
	section h2{
		display:block;
		font-size:118%;
		color:#0779c8;
		font-weight:bold;
		padding:0px 0px 0px 13px;
		background:url(../../common/images/icon_title.jpg) left center no-repeat;
	}
		section .tableBox{
			padding:20px 0px 0px 0px;
		}
		section .tableBox td{
			font-size:93%;
			padding:10px 10px;
		}
		section .tableBox td.qualification input{
			margin:6px 0px;
		}
		.sizeA{width:50%;}
		.sizeB{width:16%;}
		.sizeC{width:80%;}
		.sizeT{width:80%; height:200px;}
		
		
		section .tableBox td div{
			padding:0px 0px 10px 0px;
		}




#form_area{
	width:100%;
	height:auto;
	margin:0px;
	padding:0px 0px 0px 0px;
}


	#form_area dl{
		
	}
		#form_area dt{
			display:block;
			width:25%;
			float:left;
			background:#43578A;
			color:#fff;
			padding:10px;
			border-bottom:2px solid #fff;
			border-right:2px solid #fff;
			
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;	
			
		}
		#form_area dd{
			display:block;
			width:75%;
			float:right;
			background:#F5F5F4;
			padding:10px;
			border-bottom:2px solid #fff;
			
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;	
		}
		
.dtHeight01{height:57px;}
.dtHeight02{height:57px;}
.dtHeight03{height:57px;}
.dtHeight04{height:57px;}
.dtHeight05{height:210px;}
.dtHeight06{height:240px;}
.dtHeight07{height:160px;}
.addressForm{padding-bottom:10px;}


.editInformation{
	padding:10px;
	background:#fffbf6;
	border:1px solid #f6e8d7;
	margin:20px 0px 0px 0px;
}
	.editInformation p{
		font-size:100%;	
	}

	.btnBox{
		text-align:center;
		padding:25px 0px 30px 0px;
	}
	.btnBox input[type="submit"]{
		width:150px;
		height:auto;
		padding:8px 0px;
		text-align:center !important;
		background:#FE4958;
		color:#fff;
		cursor:pointer;
		border:none;
		font-size:112%;
		font-size:20px;
		font-weight: bold;
		border-radius: 0;
	}
	.btnBox input[type="submit"].resetBtn{
		background:#adadad;
	}
	.btnBox .btnFlex{
		display: flex;
		justify-content: center;
		gap: 0 20px;
	}

.checkArea td{
	border-bottom:2px solid #F5F5F4;
}

/*ssl seal 
-------------------------- */
#globalsign{
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	width:100%;
	height:auto;
	margin:15px 0px 15px 0px;
	padding:10px 0px 5px 0px;
	overflow:hidden;
}
	#globalsign .left{
		width:16%;
		float:left;	
	}
		#globalsign .left img{
			width:100%;
			height:auto;
		}
	#globalsign .right{
		
		width:84%;
		float:left;
		font-size:83%;
		line-height:1.45em;
	}


}




/* SP
-----------------------------------------------------------------
----------------------------------------------------------------- */

@media screen and (max-width:640px) {



/* Main Visual
----------------------------------------- */
section.mainVisual{
	width:100%;
	height:auto;
	margin:0px auto;
	padding:0px 0px 0px 0px;
}
	section.mainVisual .visual{
		width:100%;
		height:auto;
		padding:10px;
		position:relative;
		z-index:0;
		
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;	
	}
		.visual img{
			display:none;
		}
		section.mainVisual .visual .pageTitle{
			width:100%;
			height:auto;
			margin:0px 0px 0px 0px;
			padding:15px 0px 0px 0px;
		}
			.pageTitle h1{
				font-size:112%;
				font-weight:bold;
				color:#767051;
				padding:0px 0px 8px 0px;
			}
			.pageTitle p.pan{
				display:none;
			}
		section.mainVisual .visual dl{
			display:block;
			font-size:93%;
		}
			.visual dl.time{
				width:100%;
				height:auto;
				margin:0px 0px 10px 0px;
			}
			.visual dl.area{
				width:100%;
				height:auto;
			}
				.visual dl dt{
					display:block;
					background:#767051;
					color:#fff;
					padding:3px 0px;
					text-align:center;
				}
				.visual dl dd{
					display:block;
					border:1px solid #767051;
					background:#fff;
					padding:10px;	
					line-height:1.78em;
					color:#767051;
				}


/* Shared Parts
------------------------------------------ */
section{
	width:100%;
	height:auto;
	margin:0px 0px 0px 0px;
	padding:0px 0px 30px 0px;	
	line-height:1.45em;
}
	section .sectionTitle{
		padding:0px 0px 8px 0px;
		margin:0px 0px 15px 0px;
		background:url(../../common/images/title_bg_border.jpg) center bottom repeat-x;
	}
	section h2{
		display:block;
		font-size:118%;
		color:#0779c8;
		font-weight:bold;
		padding:0px 0px 0px 13px;
		background:url(../../common/images/icon_title.jpg) left center no-repeat;
	}

		section .tableBox{
			padding:20px 0px 0px 0px;
		}
		section .tableBox td{
			display:block;
			width:100%;
			font-size:93%;
			padding:10px 10px;
			text-align:left;
			
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;	
		}
		section .tableBox td.qualification input{
			margin:6px 0px;
		}
		.sizeA{width:94%;}
		.sizeB{width:16%;}
		.sizeC{width:94%;}
		.sizeT{width:94%; height:200px;}
		
		
		section .tableBox td div{
			padding:0px 0px 10px 0px;
		}
		.btnBox{
			text-align:center;
			padding:20px 0px 0px 0px;
		}
		.btnBox input[type="submit"]{
			width:150px;
			height:auto;
			padding:8px 0px;
			text-align:center !important;
			background:#FE4958;
			color:#fff;
			cursor:pointer;
			border:none;
			font-size:16px;
			font-weight: bold;
			border-radius: 0;
		}
		.btnBox input[type="submit"].resetBtn{
			background:#adadad;
		}
		.btnBox .btnFlex{
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			gap: 12px 10px;
		}

.checkArea td{
	border-bottom:2px solid #F5F5F4;
}

/*ssl seal 
-------------------------- */
#globalsign{
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	width:100%;
	height:auto;
	margin:15px 0px 0px 0px;
	padding:10px 0px 5px 0px;
	overflow:hidden;
}
	#globalsign .left{
		width:100%;
		float:none;	
	}
	#globalsign .right{
		
		width:100%;
		float:none;
		font-size:83%;
		line-height:1.45em;
	}

					
}