@charset "UTF-8";

body {background: #000; color:#E5E5E5}

#contact .title,#privacy .title {margin:100px auto 40px; padding: 0 0 0px; text-align:center; font-size: 40px; letter-spacing: 7px; border-bottom: solid 1px #CCC}
 #privacy .title span { text-align: center; letter-spacing: 0; font-size: 16px; display: block; padding-bottom: 10px}
#privacy .contents{width:900px; margin:0 auto 100px;clear:both}
#privacy h2 {border-bottom:solid 1px #999; padding:10px 0 5px 30px; font-size:26px;}
#privacy h3 {color:#2687c3; margin:0 0 10px 40px; font-size:20px;}
#privacy p {margin:0 0 40px 60px; font-size:15px; line-height:2.2em}

.contact_copy {margin: 20px auto 100px; text-align:center}
form#form {margin-top:-50px;}
#formtable table {width:960px; margin:0 auto; box-sizing:border-box;}
#formtable table th {width:280px; border-bottom:dotted 1px #777; text-align:left; padding:35px 0 35px 20px; font-size:17px; box-sizing:border-box; margin: 0}
#formtable table td {border-bottom:dotted 1px #777; padding:35px 0 35px 20px; font-weight:nomal; font-size:18px; text-align:left; box-sizing:border-box; margin: 0}
#formtable table th span.need {float:right; background-color:#FA3D3F; color:#FFF; display:block; width:46px; text-align:center; font-size:14px;}
#formtable table td span {font-weight:normal; color:#FF0000; display:block; font-size:15px;}
#formtable input[type="checkbox"] {margin:0 10px 0 30px;}
#formtable input[type="checkbox"]:first-of-type {margin-left:0;}
#formtable .submit_btn {background:url(../img/contact/submit.png) no-repeat;width:240px;height:43px; background-size:contain; border:none;}
#formtable .submit_btn2 {background:url(../img/contact/submit2.png) no-repeat;width:240px;height:43px; background-size:contain; border:none;}
#formtable .submit_btn:hover,#formtable .submit_btn2:hover {filter: alpha(opacity=60); opacity:0.6;}
#formtable .formbtn {text-align:center; font-size:17px; margin:20px auto 100px auto; line-height:5em;}
#formtable h3 {text-align:center; font-size:24px;}
#formtable p {text-align:center; margin-bottom:40px;}
#formtable .historyback {width:200px; border-radius:0%; background-color:#666; border:none; color:#FFF; font-size:20px;}
#formtable .inline {display: inline-block; margin:0 20px}
#formtable .center {text-align: center; margin:50px auto 100px}

@media screen and (max-width: 767px) {
#contact .title,#privacy .title {margin:60px 0 20px;font-size: 24px; letter-spacing: 3px}
 #privacy .title span { font-size: 12px; display: block; padding-bottom: 10px}
#privacy .contents{width:100%; padding:0 15px 0px; letter-spacing:3px}
#privacy h2 {padding:30px 0 5px 10px; font-size:18px; margin-bottom:15px}
#privacy h3 {margin:0px 0 10px 10px; font-size:16px;}
#privacy p {margin:0 10px 40px 10px; font-size:14px; line-height:1.8em}

.contact_copy {text-align:left; margin: 20px 15px 100px;}
#formtable table {box-sizing:border-box; width:100%; margin-top:40px;}
#formtable table th {display:block; width:100%; background:#777; text-align:left; padding:5px 0 0px 10px; font-size:16px;}
#formtable table td {display:block; width:100%; padding:15px 5px 40px 5px; font-weight:normal; font-size:17px;}
#formtable table th span.need {background-color:#FA3D3F; color:#FFF; display:inline-block; width:46px; margin-left:10px; margin-right:20px; text-align:center; font-size:14px;}
#formtable table td span {font-weight:normal; color:#FF0000; display:block; font-size:14px;}
#formtable input[type="checkbox"] {margin:0 10px 0 0px;}
#formtable input[type="checkbox"]:first-of-type {margin-left:0;}
#formtable .submit_btn {background:url(../img/contact/submit.png) no-repeat; background-size:contain; width:220px;height:40px;border:none; margin-top:20px;}
#formtable .submit_btn2 {background:url(../img/contact/submit2.png) no-repeat; background-size:contain; width:220px;height:40px;border:none; margin-top:20px;}
#formtable .submit_btn:hover,#formtable .submit_btn2:hover {filter: alpha(opacity=60); opacity:0.6;}
#formtable .formbtn {text-align:center; margin:20px auto 100px auto; line-height:1.5em}
#formtable h3 {font-size:18px; margin-bottom: 20px}
#formtable .historyback {width:150px; border-radius:0%; background-color:#666; border:none; color:#FFF; font-size:15px; margin-top:10px;}
#formtable .center {text-align: center; margin:30px auto 70px}
}

#formtable .error {color:#B20000; background-color:#FFFFBF;}
input[type="text"] {
	padding: 7px 10px 3px;
	height: 36px;
	width: 100%;
	border: 1px solid #ECECEC;
	box-shadow: inset 3px 3px 3px #DBDBDB;
	box-sizing: border-box;
	background: #F5F5F5;
	appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 0;
	font-size:18px;
}
input[type="text"].txtboxS {width:100px;}
input::-webkit-input-placeholder { /* WebKit browsers */
　　color: #CCCCCC;
    font-size: 16px;
	opacity:1;
}

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
　　color: #CCCCCC;
	opacity: 1;
	font-size: 16px;
}

input::-moz-placeholder {
	color: #CCCCCC;
	font-size: 16px;
	opacity: 1;
}
textarea {
	padding: 7px 10px 3px;
	width: 100%;
	height: 176px;
	border: 1px solid #ECECEC;
	box-shadow: inset 3px 3px 3px #DBDBDB;
	box-sizing: border-box;
	background: #F5F5F5;
	border-radius: 0;
	font-size:16px;
}
textarea::-webkit-textarea-placeholder {
	color: #bebebe;
	font-size: 16px;
	opacity: 1;
}

textarea::-moz-placeholder {
	color: #bebebe;
	font-size: 16px;
	opacity: 1;
}

textarea::-moz-placeholder {
	color: #bebebe;
	font-size: 16px;
	opacity: 1;
}

input:-ms-input-placeholder { /* Internet Explorer 10+ */
　　color: #bebebe;
	font-size: 16px;
	opacity: 1;
}