.contact {
	padding-top: 180px;
}
.contact h2{
	font-size: 36px;
	text-align: center;
	padding: 0 0 40px;
	color: #bbaf8b;
}
.contact input,
.contact textarea,
.contact select{ box-sizing: border-box; }
.contact figure{
	padding-bottom: 30px;
}
.contact p {
	font-size: 14px;
	padding-bottom: 1em;
	text-align: center;
}

.contact ul li{
	display: -webkit-flex;
	display: flex;
	align-items: center;
	border-bottom: solid 1px #ffffff;
	padding: 30px 0%;
}

.contact ul li .formTitle{
	font-size: 1.4em;
	text-align: left;
	width: 20%;
}
.contact ul li .formMust{
	width: 10%;
}
.contact ul li .formMust span{
	color: #fff;
	font-size: 1.2em;
	line-height: 1em;
	padding: 5px 10px;
	background-color: #B20000;
	border-radius: 3px;		/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;	/* Firefox用 */
}


input[type="checkbox"] {
	visibility: hidden;
	position: absolute;
}

input[type="checkbox"] + label {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 20px;
	font: 14px/20px 'Open Sans', Arial, sans-serif;
	color: #ddd;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

input[type="checkbox"] + label:last-child { margin-bottom: 0; }

input[type="checkbox"] + label:before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	border: 1px solid #bbaf8b;
	position: absolute;
	left: 0;
	top: 0;
	opacity: .6;
	-webkit-transition: all .12s, border-color .08s;
	transition: all .12s, border-color .08s;
}

input[type="checkbox"]:checked + label:before {
	width: 10px;
	top: -5px;
	left: 5px;
	border-radius: 0;
	opacity: 1;
	border-top-color: transparent;
	border-left-color: transparent;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

input[type="submit"],
input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
	outline-offset: -2px;
}

.contact ul li .formInput{
	width: 70%;
	font-size: 14px;
}
.checkBoxArea .formInput {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 16px;
}
.checkBoxArea .formInput label {
	width: 50%;
}


.contact ul li .formInput p{
	text-align: left;
	padding: 0;
	font-size: 14px;
}
.contact ul li .formInput input,
.contact ul li .formInput textarea{
	border: solid 1px #bbaf8b;
	background-color: #000000;
	color: #ffffff;
	padding: 1%;
}
.ip100{
	font-size: 18px;
}
.contact ul li .formInput input.ip100,
.contact ul li .formInput textarea{
	width: 100%;
}
.contact ul li .formInput textarea{
	height: 7em;
	font-size: 18px;
}

.contact ul li .formInput select{
	font-size: 18px;
	height: 45px;
}

.contact ul li .formInput p.pb1em{
	padding-bottom: 0.5em;
}
.contact ul li .formInput p.pt1em{
	padding-top: 1em;
}

.thanksBox{
	margin: 160px auto;
	padding: 50px 0px 30px;
	width: 1000px;
	font-size: 14px;
	text-align: center;
}
.thanksBox a{
	display: block; margin-top: 30px;
}


@media only screen and (max-width: 1060px) {
	.contact{ padding-top: 30px; }
	.contact h2{ font-size: 36px; font-weight: bold; text-align: center; padding: 0px 0px 20px; }
	.contact input,
	.contact textarea,
	.contact select{ box-sizing: border-box; }
	.contact p{
		font-size: 1.2em;
		padding-bottom: 1em;
		font-weight: bold;
		text-align: center;
	}
	.contact ul li{
		display: block;
		position: relative;
	}
	.contact ul li .formTitle,
	.contact ul li .formMust,
	.contact ul li .formInput{
		width: 100%;
	}
	.contact ul li .formTitle{
		padding-bottom: 1em;
	}
	.contact ul li .formMust{
		position: absolute;
		right:5px;
		top: 35px;
		text-align: right;
	}

	.thanksBox{
		margin: 20px auto;
		padding: 30px 20px 20px;
		width: 90%;
		font-size: 16px;
		text-align: center;
		font-weight: bold;
	}
	.thanksBox h2{ font-size: 20px; }
	.thanksBox a{ display: block; margin-top: 30px; }
	.thanksBox p{ font-size: 14px; }

	.contact ul li .formInput select{
		border: 1px solid #808080;
		border-radius: 3px;
		background: #FFF;
	}
}

@media only screen and (max-width: 688px) {
	.contact{ padding-top: 30px; }
	.contact h2{ font-size: 26px; font-weight: bold; text-align: center; padding: 0px 0px 20px; }
	.contact input,
	.contact textarea,
	.contact select{ box-sizing: border-box; }
	.contact p{
		font-size: 1.2em;
		padding-bottom: 1em;
		font-weight: bold;
		text-align: center;
	}
	.contact ul li{
		display: block;
		position: relative;
	}
	.contact ul li .formTitle,
	.contact ul li .formMust,
	.contact ul li .formInput{
		width: 100%;
	}
	.contact ul li .formTitle{
		padding-bottom: 1em;
	}
	.contact ul li .formMust{
		position: absolute;
		right:5px;
		top: 35px;
		text-align: right;
	}

	.thanksBox{
		margin: 20px auto;
		padding: 30px 20px 20px;
		width: 90%;
		font-size: 16px;
		text-align: center;
		font-weight: bold;
	}
	.thanksBox h2{ font-size: 20px; }
	.thanksBox a{ display: block; margin-top: 30px; }
	.thanksBox p{ font-size: 14px; }

	.contact ul li .formInput select{
		border: 1px solid #808080;
		border-radius: 3px;
		background: #FFF;
	}
}


.submit{
	text-align: center;
	padding: 30px 0 0 0;
}
.submit input{
	font-size: 1.5em;
	line-height: 1em;
	padding: 20px 100px;
	background-color: #bbaf8b;
	color: #000000;
	cursor: pointer;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.submit input:hover{
	opacity: 0.6;
}

@media only screen and (max-width: 688px) {
	.submit input{
		font-size: 1.5em;
		padding: 15px 30px;
		letter-spacing: 0;
	}
}
@media only screen and (max-width: 375px) {
	.checkBoxArea .formInput {
		display: block;
	}

	.checkBoxArea .formInput label {
		width: 100%;
	}
}


.link{
	display: flex;
	max-width: 960px;
	margin: auto;
	font-size: 1.2em;
	line-height: 1.8;
	padding-bottom: 10px;
}
.link>div{
	margin-right: 30px;
}
.link-title{
	margin-top: 5px;
	font-weight: bold;
	color: #bbaf8b;
	margin-bottom: 5px;
}

.footer-link{
	margin-left: 10px;
}
.footer-link li{
	display: inline;
}

.addmark li:after{
	content: "|";
	display: inline-block;
	padding: 0 0 0 6px;
	text-align: center;
}
.addmark li:last-child:after{
	content: "";
}
.w100px{
	min-width: 120px;
}
#footer address{
	padding-top: 10px;
}
#footer {
	margin: 30px auto;
	border-top: 1px solid #ffffff;
	padding: 0;
}