@charset "utf-8";

/*---------------------------------------------------------------
各ページの独自CSS
---------------------------------------------------------------*/
/**
 * 目次
 *
 * ◎01. お問い合わせ
 * ◎02. reCAPTCHA
 *
 *（PC-1024px SP-896px以下） 
 *（★の箇所は未使用）
 */



/*******************************************************************************
 01. お問い合わせ
*******************************************************************************/
/* ●大枠
=================================================*/
#contact_stage {
	position: relative;
	float:left;
	width: 100%;
	z-index:11;
	margin: 100px auto 0px auto;
}

/***---- ▼SP-896px以下----***/
@media screen and (max-width:896px){



}
/***---- ▲SP-896px以下----***/


/* ●イントロ基本枠
=================================================*/
#contact_intro_FIELD{
	float:left;
	position: relative;
	z-index: 0;
	width: 100%;
	margin: 0px auto 0px auto;
}

/***---- ▼SP-896px以下----***/
@media screen and (max-width:896px){

#contact_intro_FIELD{
	float:none;
	margin: 0px auto 0px auto;
}

}
/***---- ▲SP-896px以下----***/

/***---- ▼SP-480px以下----***/
@media screen and (max-width: 480px) {

#contact_intro_FIELD{
	width:100%;
}

}
/***---- ▲SP-480px以下----***/


/* ●イントロコピー
=================================================*/
#contact_intro_copy_AREA{
	position: relative;
	float:left;
	width: 100%;
	transition: 0.5s ;
	-webkit-transition: 0.5s ;
	-moz-transition: 0.5s ;
	-o-transition: 0.5s ;
	margin: 0px 0px 0px 0px;
	text-align:left;
	text-align: justify;/*両端揃え用*/
}

#contact_intro_copy_AREA .C_i_c_A_main{
	position: relative;
	float:left;
	width: 100%;
	font-size:18px;
	font-weight:bold;
	line-height:1.8;
	letter-spacing: 1px;
	font-feature-settings: "palt";
}

#contact_intro_copy_AREA .C_i_c_A_sub{
	position: relative;
	float:left;
	width: 100%;
	font-size:14px;
	line-height:1.6;
	border-top:1px dotted #ccc;
	letter-spacing: 1px;
	font-feature-settings: "palt";
	margin: 20px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
}

#contact_intro_copy_AREA .C_i_c_A_sub span{
	color: #FF0000;
}

/***---- ▼SP-896px以下----***/
@media screen and (max-width:896px){

#contact_intro_copy_AREA{
	margin: 0px 0px 0px 0px;
}

#contact_intro_copy_AREA .C_i_c_A_main br{
	display:none;
}

}
/***---- ▲SP-896px以下----***/

/***---- ▼SP-480px以下----***/
@media screen and (max-width:480px){

#contact_intro_copy_AREA .C_i_c_A_main{
	font-size:16px;
}

#contact_intro_copy_AREA .C_i_c_A_sub{
	font-size:12px;
}

}
/***---- ▲SP-480px以下----***/


/* ●フォーム基本枠
=================================================*/
#contact_form_FIELD {
	position: relative;
	float:left;
	width: 100%;
	border: 1px solid #ccc;
	background-color:rgba(255,255,255,0.7);
	padding: 0px 0px 50px 0px;
	margin: 50px auto 0px auto;
}

/***---- ▼SP-896px以下----***/
@media screen and (max-width: 896px) {

#contact_form_FIELD {
	float:none;
	border: none;
	background-color:rgba(255,255,255,0);
	padding: 0px 0px 0px 0px;
	margin: 50px auto 0px auto;
}

}
/***---- ▲SP-896px以下----***/


/* ●フォームテーブル
=================================================*/
table.form_table{
	width:100%;
	float:right;
	font-size:16px;
	border-bottom: 1px solid #ccc;
}

table.form_table tr{
	border-bottom: 1px solid #ccc;
}

★.single .entry-content table.form_table,
.page .entry-content table.form_table{
	display:table;
}

table.form_table th{
	border-right: 1px solid #ccc;
}

table.form_table th,
table.form_table td{
	line-height:1.2;
	padding: 20px 20px 20px 20px;
}

/***---- ▼SP-896px以下----***/
@media screen and (max-width: 896px) {

table.form_table{
	float:none;
	margin: 0px auto 0px auto;
}

table.form_table tr{
	border-bottom: none;
}
table.form_table th{
	border-right: none;
}

}
/***---- ▲SP-896px以下----***/

/***---- ▼SP-480px以下----***/
@media screen and (max-width: 480px) {

#contact_form_FIELD{
	width:100%;
}

}
/***---- ▲SP-480px以下----***/


/* ●項目欄
=================================================*/
table.form_table th{
	width:30%;
	text-align:left;
	vertical-align: middle;
	font-weight:normal;
}

/*「必須」文字*/
.ft_req{
	font-size:0.7em;
	padding: 5px;
	color: #FF0000;
	margin-right:1em;
}

/*「任意」文字*/
.ft_unreq{
	font-size:0.7em;
	padding: 5px;
	★background: #bdbdbd;/*グレー*/
	color: #999;
	★border-radius: 3px;
	margin-right:1em;
}

/* ●入力欄
=================================================*/
.form_table input, .form_table textarea {
	★border: 1px solid #d8d8d8;
}

.form_table ::placeholder {
	color:#797979;
}

.wpcf7-form ::placeholder{ /*例*/
	font-size:11px;
}

.form_table td .ft_checkbox {/*チェックボックス入力欄*/
	margin-left:-18px;
}

.wpcf7 input[name="your-name"],
.wpcf7 input[name="your-name-kana"]{ /*名前入力欄*/
	width: 50%;
}
.wpcf7 input[name="your-email"],
.wpcf7 input[name="your-email_confirm"]{ /*メールアドレス入力欄*/
	width: 50%;
}
.wpcf7 input[name="your-company"] { /*会社名入力欄*/
	width: 50%;
}
.wpcf7 input[name="your-post"] { /*郵便番号入力欄*/
	width: 30%;
}
.wpcf7 input[name="your-pref"] { /*都道府県入力欄*/
	width: 40%;
}
.wpcf7 input[name="your-addr"] { /*住所入力欄*/
	width: 100%;
}
.wpcf7 input[name="your-tel"] { /*電話番号入力欄*/
	width: 50%;
}
.form_table td textarea[name="your-message"] { /*本文入力欄*/
	width: 100%;
}


/* ●送信ボタン
=================================================*/
.CF7_btn_copy{
	float:left;
	width: 100%;
	text-align:center;
	font-weight:bold;
	font-feature-settings: "palt";
	margin: 50px auto 30px auto;
}

.CF7_btn_check{
	width: 100%;
	text-align:center;
	margin: 10px auto 0px auto;
}

.CF7_btn_check a{
	color: #000;
}

.CF7_btn{
	width: 400px;
	text-align:center;
	margin: 20px auto 0px auto;
}

.wpcf7 input.wpcf7-submit,
.wpcf7 input.wpcf7-previous{
	width: 100%;
	font-size: 16px;
	text-align: center;
	color: #fff;
	border: 0px solid #ddd;
	background-color: #49515b;
	border-top: 3px solid #6d737a;
	box-shadow: 0px 4px 2px -1px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 4px 2px -1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 4px 2px -1px rgba(0,0,0,0.3);
	padding: 8px 10px 7px 10px;
	border-radius: 1.8em;
	-moz-border-radius: 1.8em;
	-webkit-border-radius: 1.8em;
	-o-border-radius: 1.8em;
	-ms-border-radius: 1.8em;
	-webkit-transition: all .3s;
	transition: all .1s;
}


.wpcf7-spinner{
	width:0;
	margin:0;
}

.wpcf7 input.wpcf7-submit:hover,
.wpcf7 input.wpcf7-previous:hover{
	background-color: #919599;
}

.wpcf7-response-output {/*入力内容に問題があります*/
	width: 100%;
	color: #FF0000;
	font-size:15px;
	text-align: center;
	border: 0px !important;
}

/* レスポンシブ
　 ●項目欄　●入力欄　●送信ボタン
=================================================*/
/***---- ▼SP-896px以下----***/
@media screen and (max-width: 896px) {

table.form_table th,
table.form_table td {
	padding: 10px 0px 10px 0px;
	border-bottom: none;
}

table.form_table td {
	display: block;
	text-align: center;
	padding: 10px 0px 30px 0px;
}
table.form_table th {
	display: block;
	width: 100%;
	color: #fff;
	text-align: center;
	border-top: 3px solid #49515b;
	border-right: none;
	background-color: #919599;
}

table.form_table td input[type="text"]{
	width: 100%;
}

table.form_table td textarea {
	width: 100%;
}

.wpcf7 input[name="your-tel"],
.wpcf7 input[name="your-email"],
.wpcf7 input[name="your-email_confirm"]{
	width: 100%;
}

.CF7_btn{
	width: 100%;
	text-align:center;
	margin: 20px auto 0px auto;
}

.privacy_check {/*未使用*/
	font-size: 14px;
}

}
/***---- ▲SP-896px以下----***/

/***---- ▼SP-480px以下----***/
@media screen and (max-width: 480px) {



}
/***---- ▲SP-480px以下----***/


/* ●完了（サンクスページ）
=================================================*/
#contact_thanks_FIELD{
	position: relative;
	z-index:11;
	z-index: 0;
	width: 60%;
	text-align:left;
	border: 2px solid #49515b;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	background-color:rgba(255,255,255,0.5);
	padding: 40px 5% 30px 5%;
	margin: 100px auto 300px auto;
}

.contact_thanks_AREA{}

.c_thanks_catch{
	width:100%;
	text-align:center;
	font-feature-settings: "palt";
	font-size:20px;
	font-weight:bold;
}

.c_thanks_catch br{
	display:none;
}

.c_thanks_copy{
	width:100%;
	font-size:16px;
	line-height:2;
	font-feature-settings: "palt";
	margin: 20px 0px 0px 0px;
}

/***---- ▼SP-896px以下----***/
@media screen and (max-width:896px){

#contact_thanks_FIELD{
	width: 86%;
	margin: 100px auto 200px auto;
}

}
/***---- ▲SP-896px以下----***/

/***---- ▼SP-640px以下----***/
@media screen and (max-width:640px){

.c_thanks_catch{
	font-size:17px;
}

.c_thanks_catch br{
	display:block;
}

}
/***---- ▲SP-640px以下----***/


/*******************************************************************************
 02. reCAPTCHA
*******************************************************************************/
/* ●
=================================================*/
.reCAPTCHA_BOX{
	width: 100%;
	z-index:10000;
	text-align: center;
	font-size: 13px;
	padding: 0px 20px 0px 20px;
	margin: 20px auto 0px auto;
}
.reCAPTCHA_BOX a{
	color:#000;
}

.grecaptcha-badge {
	★visibility: hidden;/*非表示★*/
	bottom: 70px !important;
	z-index:10000;
}

/***---- ▼SP-896px以下----***/
@media screen and (max-width: 896px) {

.reCAPTCHA_BOX{font-size: 11px;}

.grecaptcha-badge {
	bottom: 60px !important;
}

}
/***---- ▲SP-896px以下----***/