@charset "utf-8";

@media screen and (max-width : 767px ){
	
/*--------------------------------------------------------------------------------*/


main form {
	background: #F2F2F2;
	padding: 20px 10px 50px 10px;
}

main .info {
	margin: 0px 0px 30px 0px;
	background: #E6E6E6;
	border: #999 1px solid;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
}

main .info span {
	color: #3399ff;
}

main.contact form dl {
	padding: 10px 0px;
}

main.contact form dl dt,
main.contact form dl dd {
	font-size: 14px;
}

main.contact form dl dd ul li {
	display: inline-block;
	margin: 0px 0px 0px 40px;
}

main.contact form dl dd ul li:first-child {
	margin: 0px;
}

main.contact form dl dd input {
	padding: 5px 0px;
	font-size: 14px;
}

main.contact form dl dd ul li input {
	margin: 0px 5px 0px 0px;
}

main.contact form dl.name dd input {
	width: 90px;
	margin: 0px 20px 0px 2.0em;
}

main.contact form dl.name dd input:last-child {
	margin: 0px 0px 0px 2.0em;
}

main.contact form dl.ruby dd input {
	width: 90px;
	margin: 0px 20px 0px 1.0em;
	font-size: 100%;
}

main.contact form dl.ruby dd input:last-child  {
	margin: 0px 0px 0px 1.0em;
}

main.contact form dl.company dd input,
main.contact form dl.mail dd input {
	width: 100%;
	box-sizing: border-box;
}

main.contact form dl dd textarea {
	width: 100%;
	height: 100px;
	font-size: 100%;
	box-sizing: border-box;
}

main p.submit {
	padding: 20px 0px 0px 0px;
	text-align: center;
}

main p.submit input {
	-webkit-appearance: none;
	width: 120px;
	margin: 0px 7px;
	padding: 10px 0px;
	border: none;
	border-radius: 10px;
	background: #3399ff;
	box-shadow: 0px 1px 0px 0px #3399ee;
	color: #fff;
	font-size: 113%;
	font-weight: bold;
	cursor: pointer;
}

main.contactConfirm div {
	border-top: #999 0px solid;
	border-left: #999 0px solid;
}

main.contactConfirm div dl dt {
	padding: 5px;
	background: #E6E6E6;
	border-bottom: #999 0px solid;
	border-right: #999 0px solid;
	vertical-align: middle;
	text-align: center;
}

main.contactConfirm div dl dd {
	padding: 5px;
	border-bottom: #999 0px solid;
	border-right: #999 0px solid;
	vertical-align: middle;
}

main.contactThanks {
	background: #F2F2F2;
}

main.contactThanks div {
	margin: 0px auto;
	padding: 30px 10px 60px 10px;
}

main.contactThanks .text {
	font-size: 100%;
}


#formWrap {
	width:100%;
	color:#555;
	line-height:100%;
	font-size:70%;
}
table.formTable{
	width:100%;
	margin:0 0;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:5px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
	
	.f1{
		width: 70%;
	}
	.f2{
		width: 70%;
	}
	.f3{
		width: 60%;
	}
	.f4{
		width: 70%;
	}
	.f5{
		width: 60%;
	}
	.f6{
		width: 60%;
	}
	.f7{
		width: 60%;
	}



}