@charset "UTF-8";

/****************************/
/* 見出し */
/****************************/
.contact {
    background-color: #FFFFFF;
    margin: 0 auto;
    width: 100%;
	padding: 100px 50px 20px 50px;
}
.contact > .title{
    text-align:center;
	font-size:24px;
	font-weight:bold;
}
/****************************/
/* 入力リスト */
/****************************/
.list{
	background-color: #FFFFFF;
	max-width: 1000px;
	margin:0 auto;
	padding: 0 0 50px 0;
}
.list input.yuubin{
	width:160px !important;
}
.list > .box{
	display:flex;
	align-items: center;
	 justify-content: center;
	 padding: 0 0 20px 0;
}
.list > .box > .title{
	flex:1;
}
.list > .box > .content{
	flex:2;
}
.list input[type=submit]{
	width:200px;
}

.ErrorColorClass{
	background-color:#fddaf7;
}
@media (min-width: 768px) {
	.list > .box{
		display:flex;
		align-items: center;
		justify-content: center;
		padding: 0 0 20px 0;
	}
}
@media (max-width: 767px) {
	.list > .box{
		display:block;
	}
}

/****************************/
/* 完了 */
/****************************/
.list_complete{
	text-align:center;
}
.list_complete .text{
	padding: 20px 0 0 0;
}
.list_complete .link{
	padding: 20px 0 0 0;
}
.list_complete .link a{
	border: 1px solid #000000;
	padding: 20px;
	display: block;
	width: 300px;
	margin: 0 auto;
	background-color: #ece6ff;
}
/****************************/
/* フッター */
/****************************/
footer{
	text-align:center;
	margin:0 0 80px 0;
}
/****************************/
/* その他 */
/****************************/
input[type=text],
input[type=number],
textarea{
	width:95%;
}
textarea{
	height:200px;
}

input[type=text],
input[type=number],
input[type=button],
input[type=submit],
textarea{
	padding:5px;
	font-size:20px;
}
input[type=button]{
	margin:5px;
}
select{
	padding:10px;
}