@charaset "utf-8";


/*********************************************************

二階層目専用CSS

/*********************************************************/

/*　見出し */
h2.midashi{margin-top: 80px;margin-bottom: 80px;}
/* 画像じゃなくてテキストの場合 */
h2.midashi.text span {
	color: #392F29;
	background: #fff;
	font-size: 40px;
	font-weight: normal;
	position: relative;
	z-index: 1;
	display: inline-block;
	padding: 0px 50px;
	line-height: 1.3;
}


/* ********************************************************
コンタクト 
******************************************************** */
#contact{margin-bottom: 120px;}
#contact .txt{margin-bottom: 50px;border-bottom: 1px dotted #958276;padding-bottom:40px;}

/* テキストエリア ---------------------------------- */
#contact .hissu{color: #ed0000;font-weight: bold;}

#contact dl{}
#contact dt{font-weight: bold; font-size: 14xp; float: left;}
#contact dd{margin:0 0 25px 220px;}

#contact dd small{font-size: 11px;display: block;margin-top: 5px;letter-spacing: 0px;}
#contact input,#contact textarea{
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro","游ゴシック体", "Yu Gothic",YuGothic,"kozuka Gothic Pro", "小塚ゴシック Pro L","メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	border: none;
	width: 100%;
	padding: 8px 10px;
	line-height: 1.4;
	border: 1px solid #ccc;
}

/* 選択時 */
#contact input:focus,#contact textarea:focus {outline: none;background-color: #f1ebe2;}

/* 確認ボタン ======================= */
#contact .submit{margin-top: 50px;}
#contact .submit.center{text-align: center;margin-left: 0;}

#contact .submit input,#contact .link {
	background-color: #392f29;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	letter-spacing: 2px;
	padding: 10px;
	text-decoration: none;
	text-align: center;
	width: auto;
    border-radius: 5px;
    border:none;
    -webkit-appearance: none;
}
#contact .submit input:hover,#contact .link:hover {opacity: 0.5;}


/* フォーム画面 ===================== */
#contact #errorBox,#complete{padding-bottom: 100px;}

#contact .form_error {border: 1px solid #958276;padding: 25px 20px;}
#contact .error strong{color: #d90000;}
#contact .error p{text-align: center;margin-bottom: 30px;font-size: 16px;}


/* 確認画面 ======================== */
#contact .form_check p strong{color: #000000;}

#contact .form_check dl{border-bottom: 1px solid #958276;}

#contact .form_check dt,#contact .form_check dd{padding: 20px 15px;}
#contact .form_check dt {color: #000;}
#contact .form_check dd {margin-bottom: 0;}

/* 確認ボタン */
#contact .form_check input{margin: 5px;width:200px;}

/* トップへ戻る */
#contact .link{display: inline-block;}






/*################################################################################
  media query
################################################################################*/

/* ***********************************************************
スマホ専用
*********************************************************** */
@media screen and (max-width: 480px) {
    body{letter-spacing: 0px;}
    
	h2.midashi{margin: 40px auto;}
    h2.midashi.text span{padding: 0px 20px;font-size: 23px;}	
	
	
	/*********************************************************
	コンタクト 
	**********************************************************/
    
	#contact .txt{margin-bottom: 30px;padding-bottom:30px;}
	
	/* テキストエリア ---------------------------------- */
	#contact dt{float: none;margin-bottom: 5px;}
	#contact dd{margin-bottom: 25px;}
	#contact dd,#contact .submit {margin-left: 0px;}
	
	#contact dd small{font-size: 10px;}
	#contact input,#contact textarea{padding: 5px 8px;}
	
	/* 確認ボタン ======================= */
	#contact .submit{margin-top: 30px;}
	
	/* フォーム画面 ===================== */
	#contact #errorBox,#complete{padding-bottom: 40px;}
	#contact .form_error {padding: 20px 15px;}
	
	
	/* 確認画面 ======================== */
	#contact .form_check dl{padding-bottom: 15px;margin-bottom: 15px;}
	#contact .form_check dt,#contact .form_check dd{padding: 0px;}
	#contact .form_check dt {margin: 0;}
	
	/* 確認ボタン */
	#contact .form_check input{margin: 1%;width:48%;float: left;font-size: 12px;}
	
	/* トップへ戻る */
	#contact .link{margin-top: 10px;}
	
}