/*============================================================= #contact =============================================================*/
#contact { background: url("../img/common/bg_beige01.png"); }

/* #mainImg
================================================ */
#mainImg { background-image: url("../img/contact/bg_main01_sp.png"); }

@media screen and (min-width: 600px) { #mainImg { background-image: url("../img/contact/bg_main01_pc.png"); } }

/* #contactTel
================================================ */
#contact #contactTel { padding: 35px 0 45px; }

#contact #contactTel .head { margin-bottom: 20px; }

#contact #contactTel .box { padding: 10px; background: #fff; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3); }

#contact #contactTel .box .in { padding: 21px 19px; border: 4px solid #909692; }

#contact #contactTel .box .tit { color: #4d372a; text-align: center; font-weight: bold; font-size: 1.8rem; line-height: 1.5; padding: 13px 9px; margin-bottom: 17px; background: #e4e1df; }

#contact #contactTel .box .tit span { display: table; padding: 0 10px; margin: 0 auto; position: relative; }

#contact #contactTel .box .tit span:before, #contact #contactTel .box .tit span:after { content: ""; display: block; width: 3px; height: 41px; background: #4d372a; position: absolute; top: 0; bottom: 0; margin: auto; }

#contact #contactTel .box .tit span:before { left: 0; -webkit-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg); }

#contact #contactTel .box .tit span:after { right: 0; -webkit-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg); }

#contact #contactTel .box .txt { width: 90%; color: #4d372a; text-align: center; font-size: 1.9rem; line-height: 1.36; font-weight: bold; padding-bottom: 13px; margin: 0 auto 12px; border-bottom: 2px solid #e4e1df; }

#contact #contactTel .box .txt span { color: #d4000f; }

#contact #contactTel .box .btnBox .txt01 { font-size: 1.8rem; line-height: 1.4; margin-bottom: 6px; }

@media screen and (max-width: 599px) { #contact #contactTel .head .secTit { padding-left: 24px; padding-right: 24px; } }

@media screen and (min-width: 600px) { #contact #contactTel { padding: 25px 0 80px; }
  #contact #contactTel .head { margin-bottom: 48px; }
  #contact #contactTel .box .in { padding: 14px 15px 16px; }
  #contact #contactTel .box .tit { font-size: 2.6rem; margin-bottom: 21px; }
  #contact #contactTel .box .tit span { padding: 0 21px; }
  #contact #contactTel .box .tit span:before, #contact #contactTel .box .tit span:after { height: 30px; }
  #contact #contactTel .box .tit span:before { -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); }
  #contact #contactTel .box .tit span:after { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); }
  #contact #contactTel .box .txt { width: 51%; float: left; font-size: 2.8rem; padding: 36px 0 49px; margin-top: 10px; border-bottom: none; border-right: 2px solid #e4e1df; }
  #contact #contactTel .box .btnBox { float: right; width: 49%; }
  #contact #contactTel .box .btnBox .txt01 { font-size: 2.4rem; margin-bottom: 3px; }
  #contact #contactTel .box .btnBox .telNum { margin: 3px auto 2px 34px; }
  #contact #contactTel .box .btnBox .telTxt02 { font-size: 1.6rem; margin-left: -16px; }
  #contact #contactTel .box .btnBox .telTxt02 span { font-size: 1.3rem; } }

/* #contactMail
================================================ */
#contact #contactMail { padding: 40px 0 50px; background: url("../img/common/bg_wood01.png"); }

#contact #contactMail .head { margin-bottom: 20px; }

#contact #contactMail .head .secTit { color: #fff; border-bottom-color: #fff; }

@media screen and (min-width: 600px) { #contact #contactMail { padding: 91px 0 100px; }
  #contact #contactMail .head { margin-bottom: 39px; } }