@charset "utf-8";

/*
=======================================
	コンテンツCSS
=======================================
*/

/*メイン設定*/
#main{
	width:940px;
	margin:0 auto;
	padding-right:0;
	margin-bottom:80px;
}

/*-----メイン設定(640px以下)-----*/
@media screen and (max-width: 640px) {
	#main{
		width:100vw;
		}
}

/*コンテンツエリア(背景)*/
.area{
	position:relative;
	width:90%;
	margin:50px auto;
	padding:35px 30px 20px;
	color:#5e4a3e;/* 文字色 */
	background-color:#e8ddbd; /*枠背景色*/
	box-shadow:inset 0 0 40px rgba(204, 186, 136,1), 0 2px 2px #ccc;
}

.area::before {
	display:block;
	position:absolute;
	content:"";
	width:140px;
	height:35px;
	left:35%;
	top:-16px;
	background-color:rgba(204, 186, 136,0.3);/*テープ色*/
	box-shadow:0 0 3px rgba(0,0,0,0.1);
	transform:rotate( -3deg ); /*テープ角度*/
}

/*-----コンテンツエリア(背景//640px以下)-----*/
@media screen and (max-width: 640px) {	
	.area{
		position:relative;
		width:80%;
		margin:10% 5%;
		padding:5% 5% 5%;
		color:#5e4a3e;/* 文字色 */
		background-color:#e8ddbd; /*枠背景色*/
		box-shadow:inset 0 0 40px rgba(204, 186, 136,1), 0 2px 2px #ccc;
	}

	.area::before {
		width:30%;
	}

}

/*エリア(お問い合わせ)-----*/
.area p{
	text-align:center;
	margin-bottom:10px;
}

#human{
	text-align:right;
	padding-right:20px;
	text-decoration: underline;
	color:#f26649;
}

/*--問い合わせフォーム*/
#form_wrap{
	width:600px;
	margin:0 auto;
	padding-left:30px;
	line-height:1.75;
}

/*--「クリア・送信」ボタン*/
#btn_f{
	margin-top:20px;
	margin-left:20px;
}

.btn_form{
	font-size:16px;
	display:inline-block;
	padding:0.5em 1em 0.3em;
	color:#fff;
	background-color:#5e4a3e;
	border:none;
	cursor:pointer;
	margin-right:20px;
}


/*-----エリア(お問い合わせ//640px以下)-----*/
@media screen and (max-width: 640px) {
	.area p{
		text-align:center;
		margin-bottom:10px;
	}
	
	#form_wrap{
		width:70vw;
		margin:0;
		padding-left:0;
	}
	
	#form_wrap dt{
		font-weight:bold;
	}
	
	#human{
	text-align:center;
	padding-right:0;
	}

	textarea{
		width:75%;
		margin-bottom:20px;
	}
	
	#btn_f{
		width:90%;
		margin:0 auto;
		margin-left:5%;
	}

}


/*エリア(会社概要)-----*/
#company{
	width:500px;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:30px;
}

#company dt{
	float:left;
	clear:left;
	padding-left:60px;
}

#company dt.w3{
	letter-spacing:0.5em;
}

#company dd{
	padding-left:13em;
}

/*-----エリア(会社概要//640px以下)-----*/
@media screen and (max-width: 640px) {
	#company{
		width:100%;
		text-align:center;
		line-height:2;
	}

	#company dt{
		float:none;
		padding-left:0;
		font-weight:bold;
	}

	#company dd{
		padding-left:0;
	}
}

/*エリア(個人情報保護方針)-----*/

/*--リストマークの設定*/
.area ul{
	list-style-type:disc;
	margin-left:2em;
}
.area ul>li{
	margin-bottom:0.5em;
}

.area ol{
	list-style-type:lower-roman;
	margin-left:1em;
}

/*--制定日の設定*/
#enactment{
	text-align:right;
}


/*--「戻る」ボタンの設定*/

#return{
	text-align:center;
}

.btn_return{
	display:inline-block;
	color:#5e4a3e;
	width:80px;
	height:80px;
	line-height:80px;
	border-radius:50%;
	border:solid 2px #5e4a3e;
	text-align:center;
	overflow:hidden;
	font-weight:bold;
	transition:0.4s;
}

/*-----エリア(個人情報保護方針//640px以下)-----*/
@media screen and (max-width: 640px) {
	.area br{
		display:none;
	}
	
	#enactment{
	text-align:center;
	}
	
}