@charset "utf-8";
/* CSS Document */

/*
==============================================================
お問い合わせページ
==============================================================
*/

/* keyvisual
----------------------------------*/
#keyvisual{
	background-image: url(/img/contact/bg_kv.jpg);
}
#keyvisual #pageTitle{
	background-image: url(/img/contact/kv_contact.png);
}

/* content_body
----------------------------------*/
.isContact #content_body .tableContact th{
	width: 205px;
	padding: 9px 0 9px 30px;
}
.isContact #content_body .tableContact td{
	padding: 9px 30px 9px 0;
}

.formBtnArea{
	text-align: center;
}

.isContact .inputBtn{
	margin:90px auto 0 auto; 
}
.formBtnArea .grayBtn{
	margin-right: 55px;
}

.contactCont{
	padding-top: 50px;
}
.annotation{
	margin-bottom: 20px;
}
.isContact td dt{
	font-weight: bold;
	margin-top: 25px;
}
.isContact td dd{
	padding-left: 25px;
}
.agree{
	margin-bottom: 20px;
    margin-top: 20px;
    position: relative;
}

.familyName,
.firstName{
	width: 60px;
	display: inline-block;
}
.firstName{
	margin-left: 30px;
}
.textName{
	min-width: 160px;
	display: inline-block;
}
	#content_body .catch{
		text-align: center;
		font-size: 20px;
		margin-bottom: 40px;
	}

/* 入力エラー */
#content_body .txtCaution{
	font-size: 12px;
	color: #da0000;
}
.lineCaution{
	background-color: #fff8f8;
}
.lineCaution input[type="text"],
.lineCaution input[type="mail"],
.lineCaution input[type="checkbox"],
.lineCaution textarea{
	border: 1px solid #d79696;	
}
.lineCaution .checkboxList label::before{
	border: 2px solid #d79696;
}

/* メール送信完了 */
#content_body .thanksTxt .annotation{
	text-align: center;
}

.thanksTxt .darkBtn{
	margin: 90px auto 0 auto;
}


/* Smartphone layout
==============================================================*/
@media screen and (max-width: 768px) {

	/* KV */
	#keyvisual #pageTitle {
    	background-image: url("/img/contact/kv_contact_sp.png");	
	}

	/* table */
	.isContact #content_body .tableContact th{			
	    border-bottom: 0 none;
	    border-top: 0 none;
	    display: block;
	    float: left;
	    font-weight: bold;
	    line-height: 1.2em;
	    margin-bottom: 5px;
	    padding: 15px 10px 5px 10px;
	    width: 100%;
	}
	
	.isContact #content_body .tableContact tr:first-child th{			
	    border-top: 1px solid #dfe3e9;
	}

	.isContact #content_body .tableContact td {
		border-top: 0 none;
	    display: block;
	    padding: 0 10px 10px 10px;
	    width: 100%;
	}

	/* フォーム */

	.firstName {
	    margin-left: 0;
	}

	.familyName + input[type="text"]{
		margin-bottom: 10px;
	}

	.size_w245,
	.size_w450{
	    width: 75%;
	}
	.size_w90 {
	    width: 25%;
	}

	.checkboxList li {
	    margin-left: 0;
	    margin-right: 30px;
	}

	textarea {
	    height: 170px;
	    width: 100%;
	}

	.isContact .inputBtn {
	    margin: 50px auto 0;
	}

	.isContact td dt {
	    margin-top: 10px;
	}

	/* 確認画面 */
	.formBtnArea .grayBtn {
	    margin-right: 0;
	}

	.isContact .rev + .inputBtn {
	    margin: 10px auto 0;
	}

	/* メール送信完了 */
	#content_body .thanksTxt .annotation{
		text-align: justify;
	}


}