/* CSS Document */

/*------------------------------------------------------
	お電話でのお問い合わせ
------------------------------------------------------*/
#contact a { text-decoration: none; }
#h5Contact { font-size: 24px; font-weight: bold; color: #1F6AC5; }
.contactTel { text-decoration: none;}
.telBig { font-size: 24px; font-weight: bold; }

/* お客様専用フリーダイヤル */
.emergencyCall { text-align: left; border-radius: 10px; width: 100%; display: table !important; padding: 7px 10px 5px; text-decoration: none; }
.emergencyCall p { padding-top: 5px; display: table-cell; vertical-align: middle; }
.emergencyCall .eCallText,
.emergencyCall .eCallText { position: relative; width: 34%; color: #fff; font-size: 2.4rem; line-height: 1.2em; text-align: left; }
.emergencyCall .eCallText:before { content: "\e909"; font-size: 2.4rem; color: #fff; font-family: 'kagiQfont' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.emergencyCall .eCallTextMini { font-size: 1.8rem; display: block; }
.emergencyCall .eCallNumber { border-radius: 0 5px 5px 0; background: #fff; color: #333; font-size: 4.0rem; font-weight: bold; line-height: 1.4em; letter-spacing: 2px; padding-bottom: 3px; }
.emergencyCall .eCallNumber:before { content: "\e90d"; display: inline-block; color: #62A131; font-size: 5.5rem; padding: 0 10px; vertical-align: bottom; font-family: 'kagiQfont' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.eCallBottom { font-weight: bold; color: #F82811; }

/*------------------------------------------------------
	問い合わせフォーム
------------------------------------------------------*/
#contactForm { background-color:#99CCFF; margin:0 10px; padding:10px;}

@media (min-width: 769px){
	.emergencyCall .eCallText { padding-left: 45px; }
	.emergencyCall .eCallText:before { position: absolute; left: 0; top: 50%; margin-top: -12px; }
}
@media (max-width: 768px) {
	.emergencyCall { display: inline-block; }
	.emergencyCall p { display: inline-block; text-align: center; }
	.emergencyCall .eCallText { width: 100%; text-align: center; }
	.emergencyCall .eCallText .eCallTextMini { display: inline; }
	.emergencyCall .eCallNumber { border-radius: 0 0 0 0; width: 100%; }
	.emergencyCall .eCallText:before { margin-right: -5px; }
}
@media (max-width: 480px) {
	.emergencyCall .eCallText,
	.emergencyCall .eCallTextMini { font-size: 2.0rem; }
	.emergencyCall .eCallNumber { font-size: 3.2rem;  }
	.eCallBottom { font-size: 1.2rem; }
}
@media (max-width: 375px) {
	/* コンテンツ */
	.emergencyCall .eCallText,
	.emergencyCall .eCallTextMini { font-size: 1.8rem; }
	.emergencyCall .eCallNumber { font-size: 2.6rem; }
	.emergencyCall .eCallNumber:before { padding: 0 5px 0 0; }
}

/*------------------------------------------------------
	問い合わせフォーム 注意書き
------------------------------------------------------*/
.caution { font-size: 1.2rem; font-weight:bold;}

/*------------------------------------------------------
	問い合わせフォーム
------------------------------------------------------*/
.err { color:#f82811; font-size:12px; font-weight:bold;}
#contactForm dl dt { color:#fff; font-size:1.4rem; background-color:#408DFF; text-align:left; width:28%; float:left; text-indent:1.5em; padding-top:12px; }
#contactForm dl dd { width:71%; float:left; background-color:#EDF5FF; padding:0.5%; }
#contactForm dl { width:100%; float:left; border:2px solid #408DFF; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-bottom:10px; background-color:#408DFF; }
input[type="text"] { border:none; width:95%; height:34px; font-size:1.6rem;}
#contactForm dl.last { margin-bottom:30px; }
#contactForm dl dd div { width:100%; margin:0 auto; }
#contactForm .last dd div p.txt{ margin-bottom: 0; }
#contactForm .txt { font-size:1.4rem; color:#005DB2; font-weight:bold; text-indent:0.25em;}
#contactForm textarea { width:99%; border:none; height:90px; font-size: 1.6rem; }
span.radioWrap { width:40%; display:inline-block;}

/*------------------------------------------------------
	確認ボタン
------------------------------------------------------*/
#confirm { text-align:center; }
#confirm input { margin:0 auto; width:244px; height:46px; cursor:pointer; font-size:1.4rem;}
#confirm input:hover { opacity:0.8;}


/*------------------------------------------------------
	送信、戻るボタン
------------------------------------------------------*/
#confBtnWrap { margin:0 auto; width:70%;}
#confBtnWrap div { float:left; width:30%; }
#confBtnWrap div#confirm { width:70%;}
#confBtnWrap .btn { font-size: 1.4rem;}

/*------------------------------------------------------
	送信完了画面
------------------------------------------------------*/

.thanks { font-size: 2rem; text-align: center; padding-top: 40px; padding-bottom: 40px; margin-bottom: 20px; background-color: #FCFBD2; }


/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	以下レスポンシブ

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media (max-width: 768px) {
	#contactForm { margin:0; }
}

@media (max-width: 680px) {
	/* フォーム */
	#contactForm dl dt { font-size:1.2rem; text-indent:1em; }
	#contactForm .txt { font-size:1.2rem;}

	/* 送信、戻るボタン */
	#confBtnForm { margin:0 auto; width:90%;}
	#confBtnForm div { width:100%; text-align:center; margin-bottom:20px; margin-top:0;}
	#confBtnForm div#confirm { width:100%; margin-top:30px; }
}

@media (max-width: 500px) {
	h5#h5Contact { font-size:20px;}
}

@media (max-width: 480px) {
	/* フォーム */
	#contactForm { margin:0;}
	#contactForm dl dt { font-size:1.6rem; text-indent:0; width:100%; padding:5px;}
	#contactForm dl dd { width: 99%;}
	span.radioWrap { width:100%; }
	input[type="text"] { width:96%; font-size:1.2rem;}
	#contactForm dl dt.adjust { font-size:1.6rem; text-indent:0; letter-spacing:-1px; padding:5px;}

	/* 確認ボタン */
	#confirm input { background-size:contain; width:100%; max-width:244px;}

}