@charset "UTF-8";

.syunote {
	margin-left: 40px;
	font-size: 12px;
}
#oformHeader {
	height: 100px;
	background: url("../img/com/oformsky.jpg") center no-repeat;
	text-indent: -9999px
}
.nagare {
	margin-bottom: 20px;
}
.contArea {
	margin-bottom: 20px;
	padding: 10px;
	border: solid 2px #DCDCDC;
	font-size: 16px;
	line-height: 1.4em;
}
.mes {
	text-align: center;
	margin-bottom: 20px;
	font-size: 16px;
	color: #666666;
}
#solomiddle {
	background-color:#F0F0F0;
}
#solowrapper {
	padding: 20px;
	margin: 0 auto;
	width: 680px;
	background-color:#FFFFFF;
}
.oform {
	margin-bottom: 40px;
	font-size:16px;
	line-height: 1.4em;
	text-align:left; 
}
table.formtb {
	margin-bottom: 20px;
	width: 640px;
	background-color:#E6E6E6;
}
tr:nth-child(odd) {
	background-color:#FFFFFF;
}
tr:nth-child(even) {
	background-color:#F0F0F0;
}
.policy {
	padding: 10px;
	border: solid 1px #E6E6E6;
	background-color:#F0F0F0;
}
.policyTitle {
	padding-bottom: 10px;
	font-weight: bold;
}
.policyCont {
	padding: 10px;
	height: 80px;
	overflow: auto;
	background-color:#FFFFFF;
	font-size: 12px;
}
.doi {
	margin-top: 10px;
	padding: 10px;
	background-color:#FFFFFF;
}
table.formtb th {
	padding: 2px;
	width: 200px;
	text-align:left;
}
dl {
	margin: 0;
	padding: 0;
	clear: both;
}
dt {
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	width: 1.5em;
}
dd {
	margin: 0;
	padding: 0 0 0 1.5em;
}
td.formnyuryoku {
	padding: 10px;
	vertical-align: middle;
}
td.formnyuryoku label:first-child {
	margin-bottom: 20px;
}
.input {
	width: 390px;
	font-size: 14px;
}
textarea {
	width: 390px;
	font-size: 14px;
}
.disabled {
	ime-mode: disabled;
}
.ohisu {
	color: #FF4141;
}
.btn {
	margin-bottom: 30px;
	text-align: center; 
}
.mes_finish {
	padding: 40px 0;
	font-size: 24px;
	font-weight: bold;
}

.ECM_CheckboxInput {
	display: flex;
	align-items: center;
	cursor: pointer;
}
	.ECM_CheckboxInput-Input {
		margin: 0;
		width: 0;
		opacity: 0;
	}
		.ECM_CheckboxInput:hover > .ECM_CheckboxInput-DummyInput {
			background: #DDDDDD !important;
			border: solid 2px #333333;
		}
		.ECM_CheckboxInput-Input:focus + .ECM_CheckboxInput-DummyInput {
			background: #DDDDDD !important;
			border: solid 2px #333333;  
		}
		.ECM_CheckboxInput-Input:checked + .ECM_CheckboxInput-DummyInput {
			border: solid 2px #333333;
			background: #FFFFFF;
		}
	.ECM_CheckboxInput-Input:checked + .ECM_CheckboxInput-DummyInput::before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hlY2siPjxwb2x5bGluZSBwb2ludHM9IjIwIDYgOSAxNyA0IDEyIj48L3BvbHlsaW5lPjwvc3ZnPg==") no-repeat center;
		background-size: contain;
	}
	.ECM_CheckboxInput-DummyInput {
		position: relative;
		top: 0;
		left: 0;
		display: block;
		width: 24px;
		height: 24px;
		border: solid 2px #888888;
		background: #FFFFFF;
		border-radius: 4px;
	}
	.ECM_CheckboxInput-LabelText {
		margin-left: 12px;
		display: block;
		font-size: 14px;
		font-weight: bold;
	}
	.doicheck .ECM_CheckboxInput-DummyInput {
		width: 32px;
		height: 32px;
	}
	.doicheck .ECM_CheckboxInput-LabelText {
		font-size: 18px;
	}

.ECM_RadioInput {
	display: flex;
	align-items: center;
	cursor: pointer;
}
	.ECM_RadioInput-Input {
		margin: 0;
		width: 0;
		opacity: 0;
	}
.ECM_RadioInput:hover{
	background: rgba(0,0,0,.05) !important;
}
		.ECM_RadioInput:hover > .ECM_RadioInput-DummyInput{
			transform: scale(1.1);
		}
		.ECM_RadioInput-Input:focus + .ECM_RadioInput-DummyInput{
			transform: scale(1.1);
		}
		.ECM_RadioInput-Input:checked + .ECM_RadioInput-DummyInput {
			background: rgba(107, 26, 250, 1);
		}
		.ECM_RadioInput-Input:checked + .ECM_RadioInput-DummyInput::before {
			content: "";
			display: block;
			position: absolute;
			top: 50%;
			left: 50%;
			width: 35%;
			height: 4px;
			border-radius: 2px;
			transform: translate(-6px, 5px) rotateZ(-135deg);
			transform-origin: 2px 2px;
			background: #FFFFFF;
		}
		.ECM_RadioInput-Input:checked + .ECM_RadioInput-DummyInput::after {
			content: "";
			display: block;
			position: absolute;
			top: 50%;
			left: 50%;
			width: 70%;
			height: 4px;
			border-radius: 2px;
			transform: translate(-6px, 5px) rotateZ(-45deg);
			transform-origin: 2px 2px;
			background: #FFFFFF;
		}
	.ECM_RadioInput-DummyInput {
		position: relative;
		top: 0;
		left: 0;
		display: block;
		width: 24px;
		height: 24px;
		border: solid 2px transparent;
		background: rgba(0, 0, 0, .15);
		border-radius: 50%;
		transition: all .15s linear;
	}
	.ECM_RadioInput-LabelText {
		margin-left: 12px;
		margin-right: 20px;
		display: block;
		font-size: 14px;
		font-weight: bold;
	}

.ECM_RadioInput02 {
	display: flex;
	align-items: center;
	cursor: pointer;
}
	.ECM_RadioInput02-Input {
		margin: 0;
		width: 0;
		opacity: 0;
	}
		.ECM_RadioInput02:hover > .ECM_RadioInput02-DummyInput {
			border: solid 2px #333333;
			background: #999999;
		}
		.ECM_RadioInput02-Input:focus + .ECM_RadioInput02-DummyInput {
			border: solid 2px #333333;
			background: #0095B6;
		}
		.ECM_RadioInput02-Input:checked + .ECM_RadioInput02-DummyInput {
			border: solid 2px #333333;
			background: #0095B6;
		}
		.ECM_RadioInput02-DummyInput::before {
			content: "";
			display: block;
			position: absolute;
			top: 50%;
			left: 50%;
			width: 35%;
			height: 4px;
			border-radius: 2px;
			transform: translate(-6px, 5px) rotateZ(-135deg);
			transform-origin: 2px 2px;
			background: #DCDCDC;
		}
		.ECM_RadioInput02-DummyInput::after {
			content: "";
			display: block;
			position: absolute;
			top: 50%;
			left: 50%;
			width: 70%;
			height: 4px;
			border-radius: 2px;
			transform: translate(-6px, 5px) rotateZ(-45deg);
			transform-origin: 2px 2px;
			background: #DCDCDC;
		}
		.ECM_RadioInput02-Input:checked + .ECM_RadioInput02-DummyInput::before {
/*				content: "";
				display: block;
				position: absolute;
				top: 50%;
				left: 50%;
				width: 35%;
				height: 4px;
				border-radius: 2px;
				transform: translate(-6px, 5px) rotateZ(-135deg);
				transform-origin: 2px 2px;*/
				background: #FFFFFF;
		}
		.ECM_RadioInput02-Input:checked + .ECM_RadioInput02-DummyInput::after {
/*			content: "";
			display: block;
			position: absolute;
			top: 50%;
			left: 50%;
			width: 70%;
			height: 4px;
			border-radius: 2px;
			transform: translate(-6px, 5px) rotateZ(-45deg);
			transform-origin: 2px 2px;*/
			background: #FFFFFF;
		}
	.ECM_RadioInput02-DummyInput {
		position: relative;
		top: 0;
		left: 0;
		display: block;
		width: 24px;
		height: 24px;
		border: solid 2px #888888;
		background: #FFFFFF;
		border-radius: 4px;
	}
	.ECM_RadioInput02-LabelText {
		margin-left: 12px;
		display: block;
		font-size: 14px;
		font-weight: bold;
	}
	.doicheck .ECM_RadioInput02-DummyInput {
		width: 32px;
		height: 32px;
	}
	.doicheck .ECM_RadioInput02-LabelText {
		font-size: 18px;
	}