@charset "utf-8";
/*====================================
	お問い合わせ詳細ページスタイル
=====================================*/
/*====================================
	入力・確認・エラーページ共通
=====================================*/
#main{margin-top:1.0em;}

/* お電話でのお問い合わせ */
#contact-tel {margin-top:1.0em;}

#contact-tel .cf #tel-img a{
	display:block;
	width:220px;
	height:0;
	padding-top:46px;
	overflow:hidden;
	background:url(../../contact/images/tel-img.png) no-repeat;
	margin:0.5em auto 0 auto;
	background-size:contain;
	-moz-background-size:contain;
	-ms-background-size:contain;
	-o-background-size:contain;
	-webkit-background-size:contain;
}

#contact-tel .cf table{
	width:100%;
	margin-top:0.8em;
	border-collapse:collapse;
	border-left:1px solid #fff;
}

#contact-tel .cf table th,
#contact-tel .cf table td{
	padding:0.3em 0;
	text-align:center;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}

#contact-tel .cf table .tTitle{
}

#contact-tel .cf table th{ 
	background:#26b37a;
	color:#fff;
}
#contact-tel .cf table td,
#contact-tel .cf table .time{
	background:#eeeac4;
	color:#000;
}
#contact-tel p{margin-top:0.8em;}

#contact-tel p strong{color:#e60012;}


/* メールでのお問い合わせ */
/* テキスト入力項目・エラー画面 */
#contact-mail em{
	display:block;
	color:#e60000;
}

#contact-mail{margin-top:1.0em;}

#contact-mail .big{font-size:1.1rem;}

#contact-mail p{margin:0.5em 0 0 0;}

#contact-mail .confirm-text{margin:0 0 0 0;}

#contact-mail p strong{color:#e60012;}

#contact-mail form{margin:0.5em 0 0 0;}

/* テキスト入力項目・タイトル */

/* テキスト入力項目・全項目共通 */
#contact-mail form input[type="text"],
#contact-mail form textarea{
	display: inline-block;
	width:94%;
	padding: 0.4em 0.4em;
	font-size: 1.1rem;
	line-height: 24px;
	margin-bottom:0.5em;
	border-style: solid;
	border-width: 1px;
	border-color: rgb( 178, 178, 178 );
	border-radius: 6px;
	box-shadow: rgba(10, 2, 4, 0.2) 0px 0px 4px 1px inset;
	-webkit-box-shadow: rgba(10, 2, 4, 0.2) 0px 0px 4px 1px inset;
	-moz-box-shadow: rgba(10, 2, 4, 0.2) 0px 0px 4px 1px inset;
}

#contact-mail form input[type="text"],
#contact-mail form input[type="radio"],
#contact-mail form textarea{margin-top:0.5em;}

#contact-mail .age{margin-bottom:0.3em;}

#contact-mail .age input[type="text"]{	width:2.1em;}
#contact-mail .age .big{ vertical-align:text-top;}

#contact-mail .gender{margin-bottom:0.5em;}
#contact-mail .gender p{margin-top:0;}

#contact-mail .mail{margin-bottom: 0.5em;}

#contact-mail .tel{margin-bottom: 0.5em;}

/* 入力内容の確認ボタン */
#contact-mail .check-button{
	display:block;
	width:100%;
	background:url(../images/common/arrow01-w.png) 94% center no-repeat,#26b37a;
	background-size:8px 15px;
	-moz-background-size:8px 15px;
	-ms-background-size:8px 15px;
	-o-background-size:8px 15px;
	-webkit-background-size:8px 15px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1rem;
	padding:0.8rem;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	color:#fff;
	text-decoration:none;
}
 
/*====================================
	確認画面
=====================================*/

/* 入力内容表示部分 */
#contact-mail-confirm{margin-top:1.0em;}

#contact-mail-confirm p:first-of-type{margin-top:1.0em;}

#contact-mail-confirm .confirm-text{
	font-size: 1.1rem;
	margin-top:0.3em;
}

#contact-mail-confirm form{margin-top:1.0em;}

#contact-mail-confirm .mb{margin-bottom:1.0em;}

/* 戻るボタン、この内容で送信するボタン、ホームに戻るボタン */
#contact-mail-confirm #submit{margin:1.0em 0 0 0;}

#contact-mail-confirm #submit form{margin:0;}

#contact-mail-confirm .return-button,
#contact-mail-confirm .finish-button,
#contact-mail-confirm .backhome-button a{
	display:block;
	width:100%;
	background:url(../images/common/arrow01-w.png) 94% center no-repeat,#26b37a;
	background-size:8px 15px;
	-moz-background-size:8px 15px;
	-ms-background-size:8px 15px;
	-o-background-size:8px 15px;
	-webkit-background-size:8px 15px;
	padding:0.8rem;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1rem;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	color:#fff;
	text-decoration:none;
}

#contact-mail-confirm .return-button{margin-bottom:0.5em;}

/*====================================
	送信完了画面
=====================================*/
#contact-mail-finish{margin-top:1.0em;}

#contact-mail-finish p{margin-bottom:0.5em;}

#contact-mail-finish p:first-of-type{margin-top:0.5em;}

#contact-mail-finish .backhome-button a{
	display:block;
	background:url(../images/common/arrow01-w.png) 94% center no-repeat,#26b37a;
	background-size:8px 15px;
	-moz-background-size:8px 15px;
	-ms-background-size:8px 15px;
	-o-background-size:8px 15px;
	-webkit-background-size:8px 15px;
	padding:0.8rem;
	margin-top:1.5em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1rem;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	color:#fff;
	text-decoration:none;
}

/*====================================
	送信エラー画面
=====================================*/
#contact-mail-error{margin-top:1.0em;}
#contact-mail-error #e-detail{margin-top:1.0em;}
#contact-mail-error #e-detail p{margin-bottom:0.5em;}
#contact-mail-error #e-detail p:first-of-type{margin-top:0.5em;}

#contact-mail-error .error-button a{
	display:block;
	background:url(../images/common/arrow01-w.png) 94% center no-repeat,#26b37a;
	background-size:8px 15px;
	-moz-background-size:8px 15px;
	-ms-background-size:8px 15px;
	-o-background-size:8px 15px;
	-webkit-background-size:8px 15px;
	padding:0.8rem;
	margin-top:1.5em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1rem;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	color:#fff;
	text-decoration:none;
}