@charset "utf-8";
.contact{
}
.contact h2{
	margin: 1.5em 0 0.25em 0;
}
.contact h2:first-of-type{
	margin-top: 0;
}

::placeholder {
	color: #BBBBBB;
}
input[type="text"], input[type="email"], input[type="number"], input[type="tel"], select, textarea{
	padding:10px;
	font-size:16px;
	-webkit-appearance: none;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius:5px;
	color: #333333;
}
input:focus, select:focus, textarea:focus{
	background-color:#FCFAEC;
	border: 1px solid #DDAC00;
	outline: none;
}

input[type="text"],
input[type="email"],
textarea{
	width: 100%;
	box-sizing: border-box;
}
input[type="radio"]{
	display: none;
}
input[type="radio"] + label {
	display: inline-block;
	position: relative;
	padding: 5px 0 5px 25px;
	cursor: pointer;
	height: 100%;
	border-radius:4px;
}
input[type="radio"]:checked + label {
	font-weight: bold;
}
input[type="radio"] + label::before ,
input[type="radio"] + label::after {
	position: absolute;
	content: '';
	border-radius:50%;
	box-sizing: border-box;
}
input[type="radio"] + label::before {
	top: 8px; left: 0;
	width: 18px; height: 18px;
	background: #fff;
	border: 1px solid #CCCCCC;
}
input[type="radio"]:checked + label::before {
	border-color: #DDAC00;
}
input[type="radio"]:checked + label::after {
	top: 11px; left: 3px;
	width: 12px; height: 12px;
	background: #DDAC00;
}

input[type="checkbox"]{
	display: none;
}
input[type="checkbox"] + label{
	position: relative;
	padding: 5px 0 5px 25px;
	cursor: pointer;
}
input[type="checkbox"] + label::before ,
input[type="checkbox"] + label::after {
	position: absolute;
	content: '';
	box-sizing: border-box;
}
input[type="checkbox"] + label::before {
	top: 5px; left: 0;
	width: 18px; height: 18px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius:4px;
}
input[type="checkbox"]:checked + label {
	font-weight: bold;
}
input[type="checkbox"]:checked + label::before {
	background-color: #DDAC00;
	border: 1px solid #DDAC00;
}
input[type="checkbox"]:checked + label::after {
	top: 9px; left: 4px;
	width: 10px; height: 6px;
	border-left: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	transform: rotate(-45deg);
	background-color: #DDAC00;
	border-radius:0;
}


textarea{
	height: 12em;
}
.submit{
	margin: 2em auto;
	text-align: center;
}
input[type="submit"]{
	padding:8px 20px 10px;
	background: #DDAC00;
	border: none;
	border-radius:10px;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
}
.type li{
	display: inline;
	margin: 0 1em 0 0;
}
.privacy{
	margin: 1.5em 0 0 0;
}
.address{
}
.address input.p-postal-code{
	width:8em;
	margin-bottom:10px;
}
/*エラー・確認・完了画面*/
input[type="button"]{
	padding:8px 20px 10px;
	background: #999999;
	border: none;
	border-radius:10px;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
}
.msg{
	color:red;
}
@media only screen and (max-width: 699px){
}
@media print , screen and (min-width: 700px){
.contact{
	max-width: 75%;
	margin: auto;
}
}