@charset "UTF-8";

/* ▼▼▼ お問い合わせ
=====================================*/
h2.subtitle {
	margin-bottom: 20px;
	}
	
.required {color: #cc0000;}

table.info {
	width: 694px;
	border-top: 1px solid #ccc;
	margin-bottom: 45px;
	overflow: hidden;
	}
	table.info th{
		background: #fff;
		padding: 15px 10px;
		border-bottom: 1px solid #ccc;
		line-height: 1.5;
		vertical-align: top;
		}	
	table.info td {
		background: #fff;
		padding: 15px 0px 15px 10px;
		border-bottom: 1px solid #ccc;
		line-height: 1.5;
/*		vertical-align: top;*/
		}	
	table.info th {
/*		width: 154px;*/
/*		background: #F6F9F7;*/
		}
		table.info td span,
		table.info td input {
			margin-left: 5px;
			}
		table.info td input {
			width: 470px;
			border: 1px solid #ccc;
			padding: 5px;
			}
			table.info td input.s01 {width: 170px;}
			table.info td input.s02 {width: 90px;}
			table.info td input.s03 {width: 370px;}
		table.info td .auto {
			float: left;
			margin-right: 10px;
			}
		table.info td textarea {
			width: 470px;
			border: 1px solid #ccc;
			margin-left: 5px;
			background:#ffc;

				-webkit-box-shadow:3px 3px 3px 0 rgba(200,200,200,0.5) inset;
				-moz-box-shadow:3px 3px 3px 0 rgba(200,200,200,0.5) inset;
				box-shadow:3px 3px 3px 0 rgba(200,200,200,0.5) inset;			}
		input::-webkit-input-placeholder {color: #999;}
		input:-ms-input-placeholder {color: #999;}
		input::-moz-placeholder {color: #999;}
		table.info td .kome {
			padding-top: 10px;
			font-size: 10px;
			color: #cc0000;
			}
			table.info td a {text-decoration: underline;}
			table.info td a:hover {text-decoration: none;}
@media screen and (max-width: 640px){
table.info {
	width: 100%;
	box-sizing:border-box;
	border-top: 1px solid #ccc;
	margin-bottom: 0;
	overflow: hidden;
	}
	table.info th{
		background: #fff;
		padding: 15px 0 0 0;
		border-bottom: none;
		line-height: 1.5;
		vertical-align: top;
		}	
		table.info td span,
		table.info td input {
			margin-left: 0;
			}
	table.info td {
		background: #fff;
		padding: 8px 0px 15px 0;
		border-bottom: 1px solid #ccc;
		line-height: 1.5;
/*		vertical-align: top;*/
		}	
		table.info td textarea {
			width: 100%;
			box-sizing:border-box;
			border: 1px solid #ccc;
			margin-left: 0;
			}
}

.agree_box {
    overflow: hidden;
    position: relative;
	}
	.agree_box .agree {
		margin-bottom: 20px;
		text-align: center;
		}
	.agree_box ul.btn {
	    float: left;
	    left: 50%;
	    position: relative;
		}
		.agree_box ul.btn li {
		    float: left;
		    left: -50%;
		    position: relative;
		    margin-right: 10px;
			}
		.agree_box ul.btn li:last-child {margin-right: 0;}
		
.thanks {
	border: 6px solid #EDEDED;
	padding: 30px 60px;
	margin: 40px 0;
	line-height: 2;
	overflow: hidden;
	}
	.thanks h3 {
		margin-bottom: 10px;
		font-size: 20px;
		font-weight: bold;
		}
		
		
		table.info td ul.radio{
			clear:both;
			overflow:hidden;
			}
		table.info td ul.radio li {
			float: left;
			width: 120px;
			}
		table.info td ul.radio.visa li {
			float: none;
			width: auto;
			margin: 0 0 10px 0;
			}
			table.info td input {
				margin-right: 5px;
				}
			table.info td input {
				width: 410px;
				border: 1px solid #ccc;
				padding: 5px;
				background-color:#ffffcc;
				-webkit-box-shadow:3px 3px 3px 0 rgba(200,200,200,0.5) inset;
				-moz-box-shadow:3px 3px 3px 0 rgba(200,200,200,0.5) inset;
				box-shadow:3px 3px 3px 0 rgba(200,200,200,0.5) inset;
				}
			table.info td input.w01 {width: 300px;}
			table.info td input.w02 {width: 200px;}
			table.info td input.w03 {width: 660px;}
			table.info td ul.radio li input {
				float: left;
				width: auto;
				border: none;
				padding: 0;
				}
			table.info td ul.radio li span {
				display: block;
				overflow: hidden;
				}
			table.info td textarea {
/*				width: 700px;*/
				border: 1px solid #ccc;
/*				padding: 10px;*/
				}
@media screen and (max-width: 640px){
			table.info td input {
				margin-right: 0;
				}
			table.info td input {
				width: 100%;
				box-sizing:border-box;
				border: 1px solid #ccc;
				padding: 5px;
				background-color:#ffffcc;
				-webkit-box-shadow:3px 3px 3px 0 rgba(200,200,200,0.5) inset;
				-moz-box-shadow:3px 3px 3px 0 rgba(200,200,200,0.5) inset;
				box-shadow:3px 3px 3px 0 rgba(200,200,200,0.5) inset;
				}
			table.info td input[type="radio"] {
				margin-right:3px;
			}
}
				
		
		
				table.info td.group{
					margin-top:25px;
/*					border:1px solid #CCCCCC;*/
					padding:20px 25px 10px 25px;}
					table.info td .group .radio li{
						margin-bottom:15px;}
					
					table.info td.group .radio li:nth-of-type(3n+1){
						width:100px;
						}
					table.info td.group .radio li:nth-of-type(3n+2){
						width:280px;
						}
					table.info td.group .radio li:nth-of-type(3n){
						width:180px;
						}
@media screen and (max-width: 640px){
				table.info td.group{
					margin-top:10px;
/*					border:1px solid #CCCCCC;*/
					padding:0 0 10px 0;}
}
				
.w450{
	width:450px;
}
.w280{
	width:280px;
}
.btn_box {
	padding-top:20px;
	text-align: center;
	margin-bottom:30px;
	}
@media screen and (max-width: 640px){			
.w450,
.w280{
	width:100%;
			box-sizing:border-box;
}
}