@charset "utf-8";

/**
 * 
 *  メールフォーム
 *
 */

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

/** 共通
---------------------------------------- */
#mailForm input,
#mailForm select,
#mailForm option,
#mailForm textarea{
	padding:5px 5px;
	border:solid 1px #ACACAC;
	font-family: "NotoSansJP-Light", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	font-size:16px;font-size:1.6rem;
	color:#282828;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
}

/** 説明文
---------------------------------------- */
#note{
	line-height:1.4;
}

/** ボタン
---------------------------------------- */
#submittBtn{
  margin:40px auto 0 auto;
  text-align:center;
}
#submittBtn input{
	font-size:14px;font-size:1.4rem;
  cursor:pointer;
  width:120px;
  padding:6px 0;
	margin-right:10px;
  border:none;
  background-color:#505050;
  color:#FFF;
	-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;
}
#submittBtn input:hover{
  background-color:#5ab9af;
}

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


/** 入力フォーム
---------------------------------------- */
#formInput{
	margin-top:5px;
}
	#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:240px;
		border:solid 1px #DFDFDF;
		padding:30px 10px;
		vertical-align:middle;
		background-color: #E1E1E1;
		text-align: center;
	}
	#formInput dd{
		display:table-cell;
		vertical-align:middle;
		border:solid 1px #DFDFDF;
		margin-left:10px;
		padding:10px;
	}
	#formInput dt span{
		font-size:12px;
		color:#D40003;
		margin-left: 5px;
	}
	#formInput dd p{
		margin:10px 0;
		padding:0;
	}
	#formInput dd textarea{
		resize: vertical;
	}

  #f_name{width:500px;}
  #f_kana{width:500px;}
  #f_mail{width:700px;}
  #f_mailcheck{width:700px;}
  #f_company{width:500px;}
  #f_department{width:500px;}
  #f_tel{width:200px;}
  #f_fax{width:200px;}
  #f_address{width:700px;}
  #f_address_postalcode{width:100px;}
  #f_address_pref{width:200px;}
  #f_address_city{width:300px;}
  #f_address_block{width:300px;}
  #f_address_other{width:300px;}
  #f_birthday{width:300px;}
  #f_birthday_year{width:100px;}
  #f_birthday_month{width:60px;}
  #f_birthday_day{width:60px;}
  #f_sex{width:300px;}
  #f_method{width:300px;}
  #f_matter{width:300px;}
  #f_contents{width:700px;}



/** 確認
---------------------------------------- */
#confirm{
	margin:30px auto 0 auto;
  width:100%;
}
	#confirm dl{
		margin-top:20px;
	}
	#confirm dt{
		font-size:18px;font-size:1.8rem;
    font-family: "NotoSansJP-Regular", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	}
	#confirm 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;
  }

}


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


/** 入力フォーム
---------------------------------------- */
#formInput{
	margin-top:5px;
	width: 100%;
}
	#formInput dl{
		margin-top:20px;
		padding:0;
	}
	#formInput dt{
		margin:0;
		padding:0;
    font-family: "NotoSansJP-3", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
		font-size:16px;font-size:1.6rem;
	}
	#formInput dd{
		margin:4px 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;
	}
	#formInput dd p{
		margin:10px 0;
		padding:0;
	}

  #f_name{width:100%;}
  #f_kana{width:100%;}
  #f_mail{width:100%;}
  #f_mailcheck{width:100%;}
  #f_company{width:100%;}
  #f_department{width:100%;}
  #f_tel{width:100%;}
  #f_fax{width:100%;}
  #f_address{width:100%;}
  #f_address_postalcode{width:100%;}
  #f_address_pref{width:100%;}
  #f_address_city{width:100%;}
  #f_address_block{width:100%;}
  #f_address_other{width:100%;}
  #f_birthday{width:100%;}
  #f_birthday_year{width:100%;}
  #f_birthday_month{width:100%;}
  #f_birthday_day{width:100%;}
  #f_sex{width:100%;}
  #f_method{width:100%;}
  #f_matter{width:100%;}
  #f_contents{width:100%;}


/** 確認
---------------------------------------- */
#confirm{
	margin-top:30px;
}
	#confirm dl{
		margin-top:20px;
	}
	#confirm dt{
    font-family: "NotoSansJP-3", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
		font-size:16px;font-size:1.6rem;
	}
	#confirm dd{
    border:solid 1px #DFDFDF;
		margin:4px 0 0 0;
		padding:5px 5px;
	}


/** 確認
---------------------------------------- */
#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;
  }

}