/* -----------------------------------------------------------

#contactCatch

----------------------------------------------------------- */

#contactCatch { padding: 20px 0 30px; text-align:center; }
@media only screen and (max-width: 800px) { 
#contactCatch { padding: 10px 5% 30px; }
}
@media only screen and (max-width: 738px) { 
#contactCatch { padding: 10px 5% 30px;}
}
@media only screen and (max-width: 414px) { 
#contactCatch { padding: 10px 5% 20px;}
}

/* --- h3 --- */
#contactCatch h3 { font-size:24px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;letter-spacing:2px;line-height:1.6; color: #7F4F21; font-weight: 600; }
#contactCatch h3 br.spblock { display:none; }
#contactCatch h3 span { font-size: 14px; margin-top: -2px; }
@media only screen and (max-width: 800px) { 
#contactCatch h3 { margin-top:15px; font-size: 20px;}
}
@media only screen and (max-width: 738px) { 
#contactCatch h3 { font-size: 18px; letter-spacing: 2px; line-height: 1.8; margin-top:10px;}
}
@media only screen and (max-width: 414px) { 
#contactCatch h3 { font-size: 16px; letter-spacing: 2px; line-height: 1.8; text-align: center; }
}

/* -----------------------------------------------------------

#contactType

----------------------------------------------------------- */

#contactType { padding: 0px 10% 20px;}
#contactType ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-lines: multiple;  -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#contactType ul li { width: 32%; float: left; margin: 0px 2% 20px 0 ; text-align: left; list-style: none; }
#contactType ul li:nth-child(3n) { margin-right: 0; }
#contactType img { border: solid 1px #3E3A39; margin-bottom: 10px; }
#contactType a:hover { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
#contactType ul li p { text-align: center; }

@media only screen and (max-width: 800px) { 
#contactType { padding:0px 5% 80px; }
#contactType ul li { width: 100%; float: none; margin: 0px 0 20px 0 ; }
#contactType ul li:nth-child(3n) { margin-bottom: 0; }
}
@media only screen and (max-width: 738px) { 
#contactType { padding: 0px 5% 30px;}
}
@media only screen and (max-width: 414px) { 
#contactType { padding: 0px 5% 20px;}
}

/* --- .txtArea --- */
#contactType .txtArea { margin: 20px 0 20px; }
#contactType .txtArea h5 { font-size: 18px; font-weight: 700; color: #3E3A39; }
#contactType .txtArea p { font-size:14px; line-height:2; letter-spacing:2px; margin-top:1em;}
#contactType .txtArea p.contactTelMail { font-size: 40px; font-weight: 700; margin-top: 0; color: #727171; }

@media only screen and (max-width: 738px) { 
#contactType .txtArea { margin: 20px auto 0; text-align:left; }
#contactType .txtArea h5 { font-size: 16px; }
#contactType .txtArea p { font-size: 13px; line-height: 2; letter-spacing: 1px; margin-top: 1em; }
#contactType .txtArea p.contactTelMail { font-size: 20px; font-weight: 700; margin-top: 0; color: #727171; }
}
@media only screen and (max-width: 414px) { 
#contactCatch .txtArea h5 { font-size: 14px; }
#contactCatch .txtArea p { font-size: 12px;}
#contactType .txtArea p.contactTelMail { font-size: 16px; font-weight: 700; margin-top: 0; color: #727171; }
}


/* -----------------------------------------------------------

#companyBox

----------------------------------------------------------- */

#companyBox { padding: 0px 10% 60px;}
@media only screen and (max-width: 800px) { 
#companyBox { padding:0px 5% 80px; }
}
@media only screen and (max-width: 738px) { 
#companyBox { padding: 0px 5% 70px;}
}
@media only screen and (max-width: 414px) { 
#companyBox { padding: 0px 5% 40px;}
}

/* --- .txtArea --- */
#companyBox .txtArea { margin: 25px 0px 0; }
#companyBox .txtArea p{font-size:14px; line-height:1.6; letter-spacing:2px; margin-top:1em; text-align: left;}

@media only screen and (max-width: 738px) { 
#companyBox .txtArea { margin: 20px auto 0; padding:0 ; text-align:left; }
#companyBox .txtArea p { font-size: 12px; line-height: 1.6; letter-spacing: 1px; margin-top: 1em; }
}
@media only screen and (max-width: 414px) { 
#companyBox .txtArea p { font-size: 12px;}
}

#companyBox .txtArea table { border-collapse: collapse; width: 100%; font-size: 14px; line-height: 1.4; margin-bottom: 1em;}
#companyBox .txtArea table tr, td { border: 1px solid #999; padding: 10px; }
#companyBox .txtArea table td.companyList { background: #F6F7F7; color: #A67C52; width: 25%; text-align: center; vertical-align: middle; }

@media only screen and (max-width: 738px) { 
#companyBox .txtArea table { font-size: 12px; line-height: 1.4;}
}