@charset "UTF-8";

/* ▼▼▼ お問い合わせ
=====================================*/
.read {
	margin-bottom: 40px;
	font-size: 16px;
	text-align: center;
	overflow: hidden;
	}
.required {color: #FF0000;}
.kome {font-size: 12px;}

table.info {
	width: 100%;
	border-top: 1px solid #ccc;
	margin: 0 auto 20px;
	overflow: hidden;
	}
	table.info th,
	table.info td {
		border-bottom: 1px solid #ccc;
		line-height: 1.5;
		vertical-align: top;
		}	
	table.info th {
		width: 25%;
		padding: 20px;
		font-weight: normal;
		}	
	table.info td {padding: 20px;}	
		table.info td span,
		table.info td input {margin-right: 10px;}
		table.info td p {margin: 5px 0 0;}
		table.info td input {
			width: 100%;
			height: auto;
			background: #eee;
			border: 1px solid #ccc;
			padding: 10px;
			font-size: 14px;
			}
		table.info td input.w01 {width: 100%;margin-right: 0;}
		table.info td input.w02 {width: 40%;}
		table.info td input.auto {
			width: 100px;
			background: #fff;
			-webkit-border-radius: 15px;
			-moz-border-radius: 15px;
			border-radius: 15px;
			}
		table.info td ul li label input {
			width: auto;
			background: inherit;
			border: inherit;
			padding: inherit;
			margin: 0 8px 0 0;
			}
		table.info td textarea {
			width: 100%;
			background: #eee;
			border: 1px solid #ccc;
			padding: 10px;
			font-size: 14px;
			}
			table.info td div p:first-child {margin-bottom: 10px;}
			table.info td table {width: 100%;border: none;}
			table.info td table th,
			table.info td table td {
				background: none;
				border: none;
				padding: 10px 0;
				vertical-align: middle;
				}
			table.info td table th:after {
				content: "";
				background: none;
				padding: 0;
				}
		table.info td ul {overflow: hidden;}
			table.info td ul li {
				float: left;
				margin: 0 40px 10px 0;
				}
			table.info td ul.kind li {
				float: none;
				margin: 0 0 10px 0;
				}
				table.info td ul.kind li:last-child label {
					float: left;
					margin-right: 20px;
					}
				table.info td ul.kind li:last-child > input {
					display: block;
					width: 70%;
					overflow: hidden;
					}
				table.info td ul.kind li:last-child label {
					display: block;
					float: none;
					margin: 0 0 10px 0;
					}
				table.info td ul.kind li:last-child > input {
					display: block;
					width: 100%;
					overflow: hidden;
					}
					
/* ▼ プライバシー */
#privacy {
	height: 130px;
	border: 1px solid #CCD1D5;
	padding: 15px 15px 0 15px;
	margin-bottom: 20px;
	font-size: 12px;
	overflow-y: scroll;
	}
	#privacy .title {
		margin-bottom: 15px;
		font-weight: bold;
		}
	#privacy dl.privacy {margin-bottom: 15px;}
	#privacy ol.privacy {
		margin-bottom: 10px;
		overflow: hidden;
		}
		#privacy ol.privacy li {
			margin-bottom: 10px;
			font-weight: bold;
			}
			#privacy ol.privacy li p {font-weight: normal;}
	#privacy .creation {
		margin-bottom: 15px;
		text-align: right;
		}

/* ▼ ボタン */	
.btn_box {
    overflow: hidden;
    position: relative;
	}
	.btn_box .agree {
		margin-bottom: 40px;
		text-align: center;
		}
	.btn_box ul.btn {
	    float: left;
	    left: 50%;
	    position: relative;
		}
		.btn_box ul.btn li {
		    float: left;
		    width: 270px;
		    left: -50%;
		    position: relative;
		    margin-right: 10px;
			}
		.btn_box ul.btn li:last-child {margin-right: 0;}
		
		

/* ▼▼▼ 480px
=====================================*/
@media screen and (max-width: 480px) {

.read {
	margin-bottom: 20px;
	font-size: 14px;
	}

table.info {
	max-width: 100%;
	font-size: 13px;
	}
	table.info th,
	table.info td {
		display: block;
		padding: 5px 0 20px;
		}	
	table.info th {
		width: 100%;
		border-bottom: none;
		padding: 20px 0 0;
		font-size: 14px;
		}	
	table.info th:after {
		top: 10px;
		right: 10px;
		}
	table.info th span {display: inline;}	
		table.info td input {
			width: 100%;
			padding: 15px;
			}
		table.info td input.w02 {
			width: 40%!important;
			}
		table.info td input.auto {
			padding: 10px;
			}		
			table.info td table th,
			table.info td table td {
				padding: 5px 0;
				}	
			table.info td ul li {
				float: none;
				margin: 0 0 10px 0;
				}
				
/* ▼ ボタン */	
.btn_box {
	}
	.btn_box .agree {
		margin-bottom: 20px;
		}
	.btn_box ul.btn {
		float: none;
		width: 100%;
		margin: 0 auto;
		left: inherit;
		}
		.btn_box ul.btn li {
			width: 100%;
			margin: 0 0 10px;
		    left: inherit;
			}
		.btn_box ul.btn li:last-child {margin-right: auto;}
				
}