@charset "utf-8";
/* CSS Document */
/*480 600 960 1280*/
/*margin-bottom: 100px(PC)margin-bottom: 60px(SP)*/
/*========================================   contents_box   ========================================*/
.contact{
	max-width: 1280px;
	width: 90%;
	margin:20px auto 40px;
}
input::placeholder {
	color:#DDDDDD;
}
/*フォームの補足*/
.contact_txt{
	margin-bottom: 30px;
}
.contact_txt span{
	color: #e60033;
}
/*必須*/
.required{
	font-size:1.2rem;
	background-color:#f38099;
	color:#FFFFFF;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:2px 5px;
	margin-right:0.6em;
}
/*任意*/
.any{
	font-size:1.2rem;
	background-color:#CCCCCC;
	color:#FFFFFF;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:2px 5px;
	margin-right:0.6em;
}
/*エラー*/
.error{
	color: #e60033;
}
span.error{
	display: inline-block;
}
.form dd span.error{
	display: block;
}
span.error:empty{
	display: none;
}

/*フォーム*/
.form{
	margin-bottom: 50px;
}
.form dt{
	padding: 0px 1em;
}
.form dd{
	padding: 10px 1em;
}
.form dd{
	border-bottom: #AA8E74 dotted 1px;
}
.form dt label{
	margin-right: 0.6rem;
}
select,textarea,input[type="text"]{
	background-color: #FFFFFF;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	font-size: 1.6rem;
	padding:0.6rem 1rem;
	box-sizing:border-box;
	max-width: 100%;
}
textarea,input[type="text"]{
	border: #CCCCCC solid 1px;
	background-color: #FFFFFF;
}
input[type="text"]{
	max-width: 400px;
	width:100%;
}
textarea{
	font-size: 16px;
	width:100%;
	height:9.6em;
}
option{
	color: #000000;
}
option.option_default{
	color: #999999;
}
.form dd small{
	font-size: 1.2rem;
}
@media screen and (min-width:0px) and ( max-width:599px) {/*600まで(SP)*/
	.form dd{
		margin-bottom: 20px;
	}
}
@media screen and (min-width : 600px) {/*600以上(タブレット/PC)*/
	.form{
		display: flex;
		flex-wrap: wrap;
	}
	.form dt,.form dd{
		padding: 30px 1em;
		box-sizing: border-box;
	}
	.form dt{
		width: 40%;
		border-bottom: #AA8E74 dotted 1px;
	}
	.form dd{
		width: 60%;
	}
}
@media screen and (min-width : 960px) {/*960以上(タブレット/PC)*/
	.form dt{
		width: 35%;
	}
	.form dd{
		width: 65%;
	}
}

/*ボタン*/
.contact .c_btn{
	width: 80%;
	margin: 0 auto 0;
	text-align: center;
}
.last_message .c_btn a{
	max-width: 300px;
	width: 100%;
	margin: 50px auto 0;
}
@media screen and (min-width:0px) and ( max-width:599px) {/*600まで(SP)*/
	.back_btn{
		margin-top: 20px;
	}
}
@media screen and (min-width : 600px) {/*600以上(タブレット/PC)*/
	.back_btn{
		margin-left: 4%;
	}
}

/*確認画面*/
.check{
	margin-bottom: 50px;
}
.check li{
	border-bottom: #AA8E74 dotted 1px;
		padding: 1em 0 0.6em;
}
.check span:first-child{
	display: block;
	background-color: rgba(241,230,213,1.00);
	padding:5px 1em;
}
.check span:last-child{
	display: inline-block;
	padding:5px 1em 0;
}
@media screen and (min-width:0px) and ( max-width:599px) {/*600まで(SP)*/
	.check{
		font-size: 1.4rem;
	}
}


/*最期*/
.last_message{
	text-align: center;	
}
@media screen and (min-width:0px) and ( max-width:599px) {/*600まで(SP)*/
	.last_message{
		font-size: 1.4rem;
	}
}