@charset "UTF-8";


/* ========================================================================== */
/* 01) 基本設定 全体 */
/* ========================================================================== */



.mf_table01{width:95%; max-width:750px; margin:auto;}

.mf_table01 table {
	border-collapse: separate;
	border-spacing: 0;

	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width:100%;
	margin-bottom:6px;

}
.mf_table01 table th {
	width:150px;
	padding: 10px 5px;
	font-weight: bold;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #eee;
}


.mf_table01 table th.th_title{background: #768B35; color:#FFF; border-bottom: 1px solid #fff;}


.mf_table01 table td {
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: left;
}

.mf_table01 table td ul{margin:6px 0px 6px 24px;}

.button_end{ background-color: #A66970; color: #fff; border: 1px #875057 solid;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 border-radius:4px;
}

.button_end:focus,
.button_end:hover {background-color: #AE283D; color: #fff; border: 1px #AE283D solid;}

/* 郵便番号検索ボタン */

.mf_table01 .btn_yubin a{text-decoration: none;}
.mf_table01 .btn_yubin {
  display: inline-block;
  max-width: 180px;
  text-align: left;
  border: 1px solid #b78b8b;
  font-size: 14px;
  color: #aa0000;
  text-decoration: none;
  padding: 1px 16px;
  border-radius: 3px;
  transition: .2s;
  margin-left: 20px;
	letter-spacing: 0.1em;
}

.mf_table01 .btn_yubin:hover {
  background-color: #e05656;
  border-color: #e05656;
  color: #FFF;
}
.mailform01_tel{font-size:32px; font-weight: bold; display: inline-block; margin-top: -6px; color: #aa0000;
	border-radius: 10px;
    border: 6px #FD8B7B solid;
    padding:13px 10px;
}

.text_indent_1em{ text-indent:-1em; padding-left: 1em;}


/* □□==========================================================================□□ */
/*　30) タブレット用（481-800px）環境の設定  */
/* □□==========================================================================□□ */

@media (min-width:481px) and (max-width:800px){

.mf_table01 .btn_yubin{ margin: 10px 0px 0px 26px;}

}










/* □□==========================================================================□□ */
/*　20) スマートフォン用（480px以下）環境の設定  */
/* □□==========================================================================□□ */


/*表示を切り替えるウィンドウサイズの指定*/
@media (max-width : 480px){
.mf_table01{width:100%; margin:auto;}
.mf_table01 table th,
.mf_table01 table td { width: auto; display:block; padding:5px; font-size:14px; line-height:20px;}
.mailform01_tel{ font-size:22px; padding:10px 15px; border:4px #FD8B7B solid;}

.mf_table01 .btn_yubin{ margin: 10px 0px 0px 24px;}

.display_pc_only{ display: none; visibility: hidden;}
}