#mainImg { background-image: url(../img/contact/bg_mainimg01-sp.png); }

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

/*  #intro
================================================ */
#intro .inner { padding-top: 20px; }

#intro .leadTxt strong { color: #1d86c6; font-weight: 500; }

#intro .telBox { border: 5px solid #ebf3f7; padding: 15px; text-align: center; margin-top: 25px; }

#intro .telBox .areaTxt { border-bottom: 1px dotted #d5d5d5; padding-bottom: 13px; margin-bottom: 13px; }

#intro .telBox .areaTxt > .tit { font-size: 1.8rem; font-weight: 700; }

#intro .telBox .areaTel > .tit { color: #1d86c6; font-weight: 700; margin-bottom: 3px; }

@media all and (min-width: 600px) { #intro .inner { padding-top: 70px; }
  #intro .leadTxt { text-align: center; }
  #intro .telBox { margin-top: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 230px; box-sizing: border-box; padding: 0 50px; }
  #intro .telBox .areaTxt { width: 50%; border-bottom: 0; border-right: 1px dotted #d5d5d5; box-sizing: border-box; margin-bottom: 0; padding-bottom: 0; }
  #intro .telBox .areaTxt > .tit { font-size: 3rem; }
  #intro .telBox .areaTxt > .txt { font-size: 1.5rem; padding-top: 7px; padding-bottom: 10px; }
  #intro .telBox .areaTel { width: 49%; box-sizing: border-box; }
  #intro .telBox .areaTel > .tit { font-size: 2rem; }
  #intro .telBox .areaTel a { display: inline-block; }
  #intro .telBox .areaTel .num { text-align: center; letter-spacing: -0.02em; }
  #intro .telBox .areaTel .time { margin: 4px 0 6px -10px; } }

/*  #mail
================================================ */
#mail .inner { padding-top: 40px; padding-bottom: 30px; }

#mail .secTit { font-size: 1.8rem; }

#mail .leadTxt { padding-top: 15px; padding-bottom: 10px; }

@media all and (min-width: 600px) { #mail .inner { padding-top: 80px; padding-bottom: 100px; }
  #mail .secTit { font-size: 4rem; padding-bottom: 11px; }
  #mail .secTit:before { width: 85px; }
  #mail .leadTxt { text-align: center; padding-top: 40px; padding-bottom: 35px; } }

.footerIn { display: none; }

/*  #thanks
================================================ */
#thanks .txt { padding: 50px 0; text-align: center; }

@media all and (min-width: 600px) { #thanks { padding: 100px 0; } }