@charset "UTF-8";

.conCont {}
.conCont h4 { border-bottom: 1px solid #000; margin-bottom: 0.5rem; padding: 0 0.18rem 0.3rem 0.18rem; box-sizing: border-box; display: flex; justify-content: space-between; }
.conCont h4 span { display: inline-block;}
.conCont h4 span:first-child { font-size: 20px;}
.conCont h4 span:last-child { letter-spacing: 0.01rem;}

.conCont_txt {  }

.conCont_img {  }
.conCont_img.bor img { padding: 9px; border: 1px solid #000; margin: 0 auto; display: block; box-sizing: border-box;}



/* tableForm の設定
----------------------------------------------------------- */
table.tableForm	{ border-collapse: collapse; border-spacing: 0; width: 100%!important; }
.tableForm th,
.tableForm td { padding: 10px 10px; box-sizing: border-box; color: #333; border: 1px solid #DDD; }
.tableForm th { width: 14em; text-align: center; background: rgba(255,255,255,0.8); vertical-align: middle; line-height: 170%; }
.tableForm td { background: #FFF; }
.tableForm tr:last-child td { background: rgba(0,0,0,0); border: none; }

.tableForm td.sentBtn       { padding: 0; padding-top: 1.5rem; }
.tableForm td.sentBtn > div { width: 600px; margin: 0 auto; justify-content: space-around;}
.tableForm .sentBtn-submit,
.tableForm .sentBtn-reset  { border: none; padding: 0.8rem 1rem; transition:all 0.6s ease; }
.tableForm .sentBtn-submit { background: rgba(195,179,111,0.9); }
.tableForm .sentBtn-reset  { background: rgba(255,255,255,0.9); }
.tableForm .sentBtn-submit:hover,
.tableForm .sentBtn-submit:active { background: rgba(120,104,35,0.7); color: #fff; }
.tableForm .sentBtn-reset:hover,
.tableForm .sentBtn-reset:active  { background: rgba(120,120,120,0.7); color: #fff; }

.tableForm th.hissu span::after { content: "必須"; display: inline-block; color: #fff; font-size: 12px; background: #2e241d; padding: 0.2rem 0.3rem; line-height: 1; margin-left: 0.3rem;}

.tableForm input, .tableForm textarea { font-family: 'Zen Kaku Gothic New', sans-serif; font-size: 16px; border: 1px solid #cecece; padding: 0.2rem 0.4rem; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; max-width: 200px; }
.tableForm input.boxCstm_w140,
.tableForm textarea.boxCstm_w140 { width: 100%; max-width: 140px; }
.tableForm input.boxCstm_w300,
.tableForm textarea.boxCstm_w300 { width: 100%; max-width: 300px; }
.tableForm input.boxCstm_w400,
.tableForm textarea.boxCstm_w400 { width: 100%; max-width: 400px; }
.tableForm input.boxCstm_w600,
.tableForm textarea.boxCstm_w600 { width: 100%; max-width: 600px; }

::-webkit-input-placeholder { color: #555; }
:-moz-placeholder { color: #555; }
::-moz-placeholder { color: #555; }
:-ms-input-placeholder { color: #555; }


/* 約款・個人情報の取り扱いについて
----------------------------------------------------------- */
.yakkan_kojin   { text-align:center; }
.yakkan_kojin a { color:#34A333; margin: 0 0.5rem; filter: drop-shadow(0 0 0.02rem #34A333); font-size: 17px; transition:all 0.6s ease; }
.yakkan_kojin a:hover,
.yakkan_kojin a:active{ color:#064706; filter: drop-shadow(0 0 0.02rem #064706); }



/* 送信チェックページ tableForm_test の設定
----------------------------------------------------------- */
#contactform .post_test { border: 1px solid #000; font-size: 90%; color: #333; padding: 20px; text-align: center; }
#contactform .post_test .ttl{ display: block; }
#contactform .post_test .msg{  }

#contactform .tableForm_test { border-collapse: collapse; border-spacing: 0; width: 100%!important;}
#contactform .tableForm_test th,
#contactform .tableForm_test td { padding: 10px 10px; box-sizing: border-box; color: #333; border: 1px solid #DDD; }
#contactform .tableForm_test th { width: 14em; text-align: center; background: rgba(255,255,255,0.8); vertical-align: middle; line-height: 170%; }
#contactform .tableForm_test td { background: #FFF; }

#contactform .sentBtn       { padding: 0; padding-top: 1.5rem; }
#contactform .sentBtn div { width: 600px; margin: 0 auto; justify-content: space-around;}
#contactform .sentBtn div input { width: 100%; max-width: 200px; }

#contactform .sentBtn-submit,
#contactform .sentBtn-reset ,
#contactform .sentBtn-button  { border: none; padding: 0.8rem 1rem; transition:all 0.6s ease; }
#contactform .sentBtn-submit { background: rgba(195,179,111,0.9); }
#contactform .sentBtn-reset,
#contactform .sentBtn-button { background: rgba(255,255,255,0.9); }
#contactform .sentBtn-submit:hover,
#contactform .sentBtn-submit:active { background: rgba(120,104,35,0.7); color: #fff; }
#contactform .sentBtn-reset:hover,
#contactform .sentBtn-button:hover,
#contactform .sentBtn-reset:active,
#contactform .sentBtn-button:active{ background: rgba(120,120,120,0.7); color: #fff; }