@charset "utf-8";

@media print,screen and (min-width : 501px) { /* ----------------------------------------------------------------------------------------------------*/

/* ----------------------------------------
   説明文
---------------------------------------- */
#note{
	line-height:1.5;
	font-weight:300;
	margin-top:20px;
}


/* ----------------------------------------
   エラーメッセージ
---------------------------------------- */
#error_note{
	color:#C30;
	margin-top:20px;
	border: solid 4px #D40003;
	padding:10px;
	line-height:1.5;
	text-align:left;
}


/* ----------------------------------------
  共通
---------------------------------------- */

#mailForm{
  line-height:1.5;
}
  #mailForm dd{
    line-height:1.5;
    margin-top:5px;
  }

#submittBtn{
  margin-top:30px;
}
#submittBtn input{
  cursor:pointer;
  width:150px;
  padding:5px 0;
	margin-right:10px;
}
#submittBtn input:hover{

}



/* ----------------------------------------
   入力フォーム
---------------------------------------- */

#formInput{
	margin-top:20px;
}
	#formInput dl{
		margin-top:10px;
		display:inline-table;
		border-collapse: collapse;
    width:100%;
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
	}
	#formInput dt{
		display:table-cell;
		width:200px;
		border:solid 1px #DFDFDF;
		padding:10px;
		vertical-align:middle;
	}
	#formInput dd{
		display:table-cell;
		width:750px;
		vertical-align:middle;
		border:solid 1px #DFDFDF;
		margin-left:10px;
		padding:10px;
	}
	#formInput dt span{
		font-size:11px;
		color:#D40003;
	}
	#formInput dd p{
		margin:10px 0;
		padding:0;
	}
	#formInput dd input,
	#formInput dd option,
	#formInput dd textarea{
		padding:5px 5px;
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
	}

#f_company{width:100%;}
#f_name{width:100%;}
#f_kana{width:100%;}
#f_address{width:100%;}
#f_address_postalcode{width:80px;}
#f_address_pref{width:100%;}
#f_address_municipality{width:100%;}
#f_address_etc{width:100%;}
#f_tel{width:100%;}
#f_mail{width:100%;}
#f_mailcheck{width:100%;}
#f_contents{width:100%;}
#f_department{width:100%;}
#f_birthday{width:100%;}
#f_inquirytype{width:100%;}
#f_etc1{width:100%;}
#f_etc2{width:100%;}
#f_etc3{width:100%;}
#f_etc4{width:100%;}
#f_etc5{width:100%;}

/* ----------------------------------------
   確認
---------------------------------------- */

#formCheck{
	margin-top:30px;
}
	#formCheck dl{
		margin-top:20px;
	}
	#formCheck dt{
		font-size:14px;
	}
	#formCheck dd{
    border:solid 1px #DFDFDF;
    padding:10px;
    line-height:1.5;
	}


/* ----------------------------------------
   確認
---------------------------------------- */
#complete{
	margin-top:30px;
}
  #complete dt{
    font-size:18px;
  }
  #complete dd{
    font-size:14px;
    line-height:1.5;
    border:solid 1px #A0A0A0;
    padding:20px;
    margin:30px 0 30px 0;
    -webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius:5px;border-radius: 5px;
    background-color:#FFFFFF;
  }
  #complete dd p{
    margin-top:30px;
  }

}


@media screen and (max-width : 500px) {  /* ----------------------------------------------------------------------------------------------------*/


/* ----------------------------------------
   説明文
---------------------------------------- */
#note{
	line-height:1.5;
	font-weight:300;
	margin-top:20px;
}


/* ----------------------------------------
   エラーメッセージ
---------------------------------------- */
#error_note{
	color:#C30;
	margin-top:20px;
	border: solid 4px #D40003;
	padding:10px;
	line-height:1.5;
	text-align:left;
}


/* ----------------------------------------
  共通
---------------------------------------- */

#mailForm{
	line-height:1.5;
}
  #mailForm dd{
    margin-top:5px;
  }

#submittBtn{
  margin-top:30px;
  text-align:center;
}
#submittBtn input{
  cursor:pointer;
  width:98%;
  padding:10px 0;
  margin:5px;
}



/* ----------------------------------------
   入力フォーム
---------------------------------------- */

#f_company{width:100%;}
#f_name{width:100%;}
#f_kana{width:100%;}
#f_address{width:100%;}
#f_address_postalcode{width:80px;}
#f_address_pref{width:100%;}
#f_address_municipality{width:100%;}
#f_address_etc{width:100%;}
#f_tel{width:100%;}
#f_mail{width:100%;}
#f_mailcheck{width:100%;}
#f_contents{width:100%;}
#f_department{width:100%;}
#f_birthday{width:100%;}
#f_inquirytype{width:100%;}
#f_etc1{width:100%;}
#f_etc2{width:100%;}
#f_etc3{width:100%;}
#f_etc4{width:100%;}
#f_etc5{width:100%;}



#formInput{
	margin-top:20px;
}
	#formInput dl{
		margin:20px 0 0 0;
		padding:0;
	}
	#formInput dt span{
		font-size:11px;
		color:#D40003;
	}
	#formInput dd input,
	#formInput dd option,
	#formInput dd textarea{
		padding:5px 5px;
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
	}
	#formInput dd p{
		margin:10px 0;
		padding:0;
	}




/* ----------------------------------------
   確認
---------------------------------------- */

#formCheck{
	margin-top:30px;
}
	#formCheck dl{
		margin-top:20px;
	}
	#formCheck dt{
		font-size:14px;
	}
	#formCheck dd{
    border:solid 1px #DFDFDF;
    padding:10px;
    line-height:1.5;
	}


/* ----------------------------------------
   確認
---------------------------------------- */
#complete{
	margin-top:30px;
}
  #complete dt{
    font-size:18px;
  }
  #complete dd{
    font-size:14px;
    line-height:1.5;
    border:solid 1px #A0A0A0;
    padding:20px;
    margin:30px 0 200px 0;
    -webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius:5px;border-radius: 5px;
    background-color:#FFFFFF;
  }
  #complete dd p{
    margin-top:30px;
  }

}